js利用DOM操作自定义属性值元素，获取修改删除等

js利用DOM操作进行自定义属性值元素，获取自定义属性值，修改自定义属性值和删除自定义属性值等

1.     <div id="zidiu" index="1" class="zi"></div>
   
2.     <script>
   
3.         var div = document.querySelector('div');
   
4.         //获取属性值
   
5.         var id = div.id;
   
6.         var index = div.getAttribute('index');
   
7.         var cla = div.className; //这个样式元素获取使用className 而不是class
   
8.         //修改属性值
   
9.         div.id = 'zidiuwang';
   
10.         div.getAttribute('index', '8');
    
11.         // div.className = 'zizi';
    
12.         div.setAttribute('class', 'zizi');
    
13.         //移除自定义属性
    
14.         div.removeAttribute('index');
    
15.     </script>

复制代码