学科分类
目录
JavaScript网页编程

移除属性

掌握了元素属性的获取和设置之后,还有一个要学习的操作,就是元素属性的移除。在DOM中使用“element.removeAttribute('属性')”的方式来移除元素属性。

接下来我们通过案例演示如何移除属性值,示例代码如下。

 1  <body>

 2   <div id="test" class="footer" index="2"></div>

 3   <script>

 4    var div = document.querySelector('div');  

 5    div.removeAttribute('id');

 6    div.removeAttribute('class');

 7    div.removeAttribute('index');

 8   </script>

 9  </body>

上述代码中,第5~7行使用removeAttribute()方法移除div元素的id、class、index属性。在浏览器中查看div元素,如图1所示。

img

图1 查看div元素

点击此处
隐藏目录