JS自定义属性操作

1.获取属性两种方法

• element.属性 获取内置属性值
• element.getAttribute ( ’ 属性 ’ ); get获取 attribute 属性的意思 获取程序员自己添加的属性 称为自定义属性

2.设置属性值两种方法

• element.属性 = ’ 值 ’ 设置内置属性值。
• element.setAttribute ( ’ 属性 '，‘ 值 ’ )；

区别；

• element.属性 设置内置属性值
• element.setAttribute( ’ 属性 '，‘ 值 ’ )；主要设置自定义的属性（标准）

移除属性；removeAttribute（ ‘ 属性 ’ ）；

<div id="demo" index="12" class="nav"></div>
    <script>
        var div = document.querySelector('div');
         1.获取元素的属性值
         (1) element.属性
        console.log(div.id);
         (2) element.getAttribute('属性')  get得到获取 attribute 属性的意思 程序员自己添加的属性 称为自定义属性
        console.log(div.getAttribute('id'));
        console.log(div.getAttribute('index'));
         2.设置元素属性值
         (1) element.属性= '值'
           div.id = 'text';
           div.className = 'navs';
         (2) element.setAttribute('属性','值'); 主要针对于自定义属性
           div.setAttribute('index','天蓝蓝');
           div.setAttribute('class','footer');  class 特殊 这里面写的是class 不是className
         3.移除属性 removeAttribute('属性');
        div.removeAttribute('index'); 
    </script>