首页 / JAVASCRIPT / Javascript For dom元素循环执行

Javascript For dom元素循环执行

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Javascript For dom元素循环执行，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1176字，纯文字阅读大概需要2分钟。

内容图文

参见英文答案 > getElementsByClassName – Strange behavior                                    3个
我有javascript代码来获取具有类名的元素并迭代从元素中删除类.

  var elements = document.getElementsByClassName("test");
       console.log("Length " + elements.length)
        for (var i=0; i< elements.length;i++) {
               console.log("---- "+i)
               elements[i].setAttribute("class","");
         }

并且有3个跨度,类名为“test”. HTML代码是

<span class="test" id="test1">Test1 </span>
<span class="test" id="test2">Test2 </span>
<span class="test" id="test3">Test3 </span>

但我只删除了2个班级.第二个跨度类仍然存在.

控制台输出是

Length 3

—- 0

—- 1

解决方法:

getElementsByClassName返回一个实时HTMLCollection对象,当从元素中删除该类时,该对象会更新.

因此,您可以使用的一个简单逻辑是使用while循环并查看集合是否包含任何项目,如果是,则从第一项中删除该类.

function removeClass() {
  var elements = document.getElementsByClassName("test");
  console.log("Length " + elements.length)
  while (elements.length) {
    elements[0].setAttribute("class", "");
  }
}
.test {
  color: red;
}
<span class="test" id="test1">Test1 </span>
<span class="test" id="test2">Test2 </span>
<span class="test" id="test3">Test3 </span>
<button onclick="removeClass()">Test</button>

内容总结

以上是互联网集市为您收集整理的Javascript For dom元素循环执行全部内容，希望文章能够帮你解决Javascript For dom元素循环执行所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/756232.html

来源：【匿名】