在 javascript 中为 dom 元素添加属性而不设置值
在 JavaScript 中，使用 setAttribute() 方法为 DOM 元素添加属性值是很常见的。但是，如果希望将属性添加到元素而不赋予它值，怎么办？
<p>这是期望得到的效果</p>
<pre class="brush:php;toolbar:false;"><code><body>
<div primary></div>
</body></code>
但是setAttribute('key', 'val')不支持这样的写法?
<code>const element = document.createElement('div');
// element.setAttribute("primary"); // 这个方法只能传属性和值
document.body.append(element)</code>
为了解决这个问题，可以使用 `createAttribute()` 方法创建一个没有值的属性，然后使用 `setAttributeNode()` 方法将它附加到元素上：
试试这个
立即学习“Java免费学习笔记（深入）”；
const attr = document.createAttribute('primary');<br>const ele = document.createElement('div');<br>ele.setAttributeNode(attr);<br>document.body.append(ele); 
