js自定义属性的操作

<body>

　　<div id = “demo” index = “1” class = “nav”></div>

　　<script>

　　　　//普通方式获取属性

　　　　var div = document.querySelector(‘div’); 

　　　　console.log(div.id); //获取元素的属性值

　　　　//自定义方式获取属性

　　　　console.log(div.getAttribute(‘id’))；//通过getAttribute获取元素属性

　　　　console.log(div.getAttribute(‘index’));

 

　　　　//普通方式设置属性

　　　　div.id = ‘test’;

　　　　div.className =‘navs’;

　　　　//自定义方式设置属性

　　　　div.setAttribute(‘属性’,‘值’);

　　　　div.setAttribute(‘index’,3);

　　　　div.setAttribute(‘class’,‘footer’); //自定义设置属性里面，要用class而不是className

 

　　　　//移除属性

　　　　div.removeAttribute(‘index’);

 

 

 

 

　　</script>

 

 

 

</body>

版权声明：本文为newjsblogs原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/newjsblogs/p/13774021.html