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

wufei123 2025-03-12 阅读:11 评论:0

在javascript中，动态创建dom元素并设置属性时，有时只需设置属性名，无需赋值。例如，创建一个包含primary属性的div元素，但无需为该属性指定值。标准的setattribute('key', 'value')方法无法满足...

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

完整代码如下：

PHP

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

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

以上就是JavaScript如何只设置DOM元素属性名而不赋值？的详细内容，更多请关注知识资源分享宝库其它相关文章！

本站内容来源于互联网搬运，
仅限用于小范围内传播学习，请在下载后24小时内删除，
如果有侵权内容、不妥之处，请第一时间联系我们删除。敬请谅解!
E-mail：dpw1001@163.com