js可以去除同一类元素的所有id吗,求大神指教

JavaScript025

js可以去除同一类元素的所有id吗,求大神指教,第1张

可以使用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>