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

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

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

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

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

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

试试这个

const attr = document.createAttribute('primary');
const ele = document.createElement('div');
ele.setAttributeNode(attr);
document.body.append(ele);

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