
在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);
此方法允许更灵活地控制DOM元素属性,即使在无需赋值的情况下也能轻松实现。
以上就是JavaScript如何只设置DOM元素属性名而不赋值?的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1563477.html
微信扫一扫
支付宝扫一扫