2020-09-21

  <div id="demo" data-index="2"> </div>
    <script>
        var div = document.getElementById("demo");
        // 获取元素的属性值  element.属性;
        console.log(div.id);
        // element.getAttribute("属性"),get是得到获取attribute属性的意思,程序员自己加的属性叫做自定义属性;
        console.log(div.getAttribute("id"));
        //①设置属性值;
        div.id="test";
        div.className="div1";
        //② 利用element.setAttribute("属性","值");只要针对自定义属性;
        div.setAttribute("id","test0");
        //element.removeAttribute("属性")移除属性;
        div.removeAttribute("class");//class特殊,直接写class,不写className;
        //h5新增的得到自定义元素
        //自定义元素的元素名一般以data-开头
        //获取元素用dataset-来获取
        //如果自定义属性里面有多个-链接的单词,获取时采用驼峰命名法
        console.log(div.dataset.index);
    </script>
</body>