分享

js自定义属性的操作

 Coder编程 2021-09-14

<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>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约