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

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

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

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

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

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

示例代码：

立即学习“Java免费学习笔记（深入）”；

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

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