js自定义属性的操作

<body>

  <div id = “demo” index = “1” class = “nav”></div>

  <script>

    //普通方式获取属性

    var div = document.querySelector(‘div’); 

    console.log(div.id); //获取元素的属性值

    //自定义方式获取属性

    console.log(div.getAttribute(‘id’));//通过getAttribute获取元素属性

    console.log(div.getAttribute(‘index’));

 

    //普通方式设置属性

    div.id = ‘test’;

    div.className =‘navs’;

    //自定义方式设置属性

    div.setAttribute(‘属性’,‘值’);

    div.setAttribute(‘index’,3);

    div.setAttribute(‘class’,‘footer’); //自定义设置属性里面,要用class而不是className

 

    //移除属性

    div.removeAttribute(‘index’);

 

 

 

 

  </script>

 

 

 

</body>

posted on 2020-10-06 17:53  sbird  阅读(2530)  评论(0编辑  收藏  举报

导航