登录
首页 >  文章 >  前端

如何在 JavaScript 中为 DOM 元素添加属性而不设置值?

时间:2024-11-10 09:54:59 497浏览 收藏

大家好,今天本人给大家带来文章《如何在 JavaScript 中为 DOM 元素添加属性而不设置值? 》,文中内容主要涉及到,如果你对文章方面的知识点感兴趣,那就请各位朋友继续看下去吧~希望能真正帮到你们,谢谢!

如何在 JavaScript 中为 DOM 元素添加属性而不设置值?

在 JavaScript 中为 DOM 元素添加属性而不设置值

在 JavaScript 中,使用 setAttribute() 方法为 DOM 元素添加属性值是很常见的。但是,如果希望将属性添加到元素而不赋予它值,怎么办?

<p>这是期望得到的效果</p>
<pre><code>&lt;body&gt;
    &lt;div primary&gt;&lt;/div&gt;
&lt;/body&gt;</code></pre>
<p>但是<code>setAttribute('key', 'val')</code>不支持这样的写法?</p>
<pre><code>const element = document.createElement('div');
// element.setAttribute("primary"); // 这个方法只能传属性和值
document.body.append(element)</code></pre>

为了解决这个问题,可以使用 `createAttribute()` 方法创建一个没有值的属性,然后使用 `setAttributeNode()` 方法将它附加到元素上:

<p>试试这个</p>
<pre>const attr = document.createAttribute('primary');
const ele = document.createElement('div');
ele.setAttributeNode(attr);
document.body.append(ele);</pre>

文中关于的知识介绍,希望对你的学习有所帮助!若是受益匪浅,那就动动鼠标收藏这篇《如何在 JavaScript 中为 DOM 元素添加属性而不设置值? 》文章吧,也可关注golang学习网公众号了解相关技术文章。

相关阅读
更多>
最新阅读
更多>
课程推荐
更多>