JavaScript如何只设置DOM元素属性名而不赋值？

在JavaScript中，动态创建DOM元素并设置属性时，有时只需设置属性名，无需赋值。例如，创建一个包含primary属性的div元素，但无需为该属性指定值。 标准的setAttribute('key', 'value')方法无法满足此需求，因为它需要键值对。

解决方法是使用document.createAttribute()方法创建属性节点，再用setAttributeNode()方法添加到DOM元素。

首先，使用document.createAttribute('primary')创建一个名为primary的属性节点，注意此处仅指定属性名。

然后，创建一个div元素：const ele = document.createElement('div');

最后，使用ele.setAttributeNode(attr)将属性节点添加到div元素。 这样就创建了一个包含primary属性但无值的div元素。 最后将其添加到文档中：document.body.append(ele);

完整代码如下：

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

此方法允许更灵活地控制DOM元素属性，即使在无需赋值的情况下也能轻松实现。