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);

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

完整代码如下：

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

登录后复制