获取自定义属性值

1.获取 属性值
element ?属性 获取属性值
element.getAttribute('属性')

区别：
element.属性 获取内置属性值(元素本身自带属性)
element.getAttribute('属性');主要获得自定义的属性(标准)我们程序员自定义的属性

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

 

posted @ 2022-04-18 11:17  罗砂  阅读(410)  评论(0)    收藏  举报