JavaScript-164：自定义属性操作

结构

 <div id="demo" index="1" class="nav"></div>

JS

        var div = document.querySelector('div')
        // 1 获取元素的属性值
        // 1.1 element.属性
        console.log(div.id);
        // 2.2 element.genAttribute('属性')  get得到获取 attribute 属性的意思 我们程序员自己添加的属性我们成为自定义属性
        console.log(div.getAttribute('id'));
        console.log(div.getAttribute('index'));
        // 2 设置元素属性值
        // 2.1 element.属性='值'
        div.id = 'test';
        div.className = 'navs'
        // 2.2 element.setAttribute('属性','值');主要针对于自定义属性
        div.setAttribute('index', 2)
        div.setAttribute('class', 'footer');  // class 特殊 这里面写的就是class 不是className
        div.removeAttribute('index'); // 移除属性值