码迷,mamicode.com
首页 > 其他好文 > 详细

自定义属性操作

时间:2020-06-05 21:24:23      阅读:90      评论:0      收藏:0      [点我收藏+]

标签:demo   定义   dex   classname   selector   属性   foo   sel   nbsp   

技术图片

 

 

 

 <div id="demo" index=‘1‘>  </div> 
    <script>
        var div = document.querySelector(‘div‘);
        console.log(div.id); // demo
        console.log(div.getAttribute(‘id‘)); // demo
        console.log(div.getAttribute(‘index‘)); // 1
    </script>
 
 
 
技术图片

 

 

 <div id="demo" index=‘1‘ class="nav"> </div>
    <script>
        var div = document.querySelector(‘div‘);
  // 设置属性值
        div.id = ‘test‘;
        div.className = ‘navs‘;
        div.setAttribute(‘index‘, 2);
        div.setAttribute(‘class‘, ‘footer‘);

 

技术图片

 

 

  div.removeAttribute(‘index‘);
 
 
技术图片

 

 技术图片

 

 

 

 

 

 

 

自定义属性操作

标签:demo   定义   dex   classname   selector   属性   foo   sel   nbsp   

原文地址:https://www.cnblogs.com/ericblog1992/p/13052161.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!