可以使用removeAttribute来删除指定标签的属性,举例如下:
HTML代码:
设置了2个p标签以及1个div标签,分别为它们设置了id属性。
<p id="a">我是p标签1</p><p id="b">我是p标签2</p>
<div id="c">我是div标签</div>
JavaScript代码:
获取所有p标签,并循环清除它们的id属性。
var el = document.querySelectorAll('p')for (var i=0 i<el.length i++){
el[i].removeAttribute('id')
}
运行结果:
从运行结果中可以看出,2个p标签的id属性已经被删除了,而div的id属性还存在。
这样就可以将同一类的所有id属性都删除了。
js本身可以用removeEventListener方法进行删除
function handler() {console.log(this)
}
document.getElementById("myBtn").addEventListener("click", handler, false)
document.getElementById("myBtn").removeEventListener("click", handler, false)
这里注意移除的函数要跟绑定的相同,所以不能用匿名函数
用jquery的话,可以用.off()方法或.unbind()方法,具体使用方法查下jquery API就行了,这里就不赘述了
<button id="del">删除</button><div id=a><div id=b></div><div id=c1></div><div id=c2></div><div id=c9></div></div>
<script>
del.onclick=()=>document.querySelectorAll("div#a div[id^=c]").forEach(e=>e.remove())
</script>