如何使用 JavaScript 动态添加无值属性的 DOM 元素？

一分耕耘，一分收获！既然打开了这篇文章《如何使用 JavaScript 动态添加无值属性的 DOM 元素？ 》，就坚持看下去吧！文中内容包含等等知识点...希望你能在阅读本文后，能真真实实学到知识或者帮你解决心中的疑惑，也欢迎大佬或者新人朋友们多留言评论，多给建议！谢谢！

使用 JavaScript 动态添加 DOM 元素并设置无值的属性

如何使用 JavaScript 创建一个具有无值属性的 DOM 元素呢？

使用 setAttribute() 方法无法实现这样的写法：

const element = document.createElement('div');
// element.setAttribute("primary");

可以通过以下步骤来解决此问题：

1. 使用 document.createAttribute() 创建一个属性节点。
2. 使用 setAttributeNode() 方法将属性节点添加到元素。

示例代码：

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

这样，就会生成一个具有 primary 属性（没有值）的 <div> 元素。

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