在之前,我们通过如下的方式获取元素的属性值
<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><style type="text/css"></style></head><body><div id="box"></div><script type="text/javascript">var div = document.querySelector('div');console.log(div.id);</script></body></html>
这里我们新了解到了element.getAttribute('属性') get得到 Attribute 属性的意思
可以用下面的代码直接获取到div标签的id。
console.log(div.getAttribute('id'));
他们两个的区别在哪里:
第一个用在元素内置的属性的获取,而第二个我们常用于自定义属性 (程序员自己添加的属性)。
如何对自定义属性值进行修改:
首先是之前的方法: 元素.属性 = 值 比如:
div.id = test;
新了解到的:element.setAttribute('属性','值');
将上边的div的id改为boxs
div.setAttribute('id','boxs');
移除元素属性值:element.removeAttribute('属性')
div.removeAttribute('id');
从而移除div的id属性
如果觉得《获取自定义属性值 设置自定义属性值》对你有帮助,请点赞、收藏,并留下你的观点哦!