用javascript获取自定义属性

<body>
    <div id="demo" index="zhu" class="nav"></div>
    <script>
        //先获取属性值
        var div_js=document.querySelector("div");
        //用element获取div里面的元素属性id 直接console element.属性
        //语法:element.属性
        console.log(div_js.id);
        //第二种获取元素属性的方式
        //语法:element.getAttribute("属性")
        console.log(div_js.getAttribute("id"));
        //element.属性和element.getAttribute("属性")的区别
        //element.属性是元素自己本身的属性,element.getAttribute("属性")是开发者自己定义的属性
        console.log(div_js.getAttribute("index"));
        //设置元素属性值
        div_js.id="riverrun";
        // 有className修改
        div_js.className="navs";
        div_js.setAttribute("index",'2');
        // 移除属性
        div_js.removeAttribute("class");
    </script>
</body>

用javascript获取自定义属性_第1张图片

你可能感兴趣的:(javaScript,javascript)