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>


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM