js 学习，document.getElementsByTagName

最新推荐文章于 2022-06-09 09:27:18 发布

原创最新推荐文章于 2022-06-09 09:27:18 发布 · 2.5k 阅读

2 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

3 篇文章

订阅专栏

本文通过两个示例对比展示了在JavaScript中使用动态获取元素数量时可能出现的循环问题。具体来说，介绍了如何避免因在循环过程中动态修改DOM导致的无限循环现象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

比较以下两个方法的区别，js是解释性语言，而document.getElementsByTagName也是动态的获取目标的长度，方法一是一个死循环，如果获取对象的方法换成方法二中的方式，就不会出现死循环了。。。。

方法一：

var append = document.getElementById("append");

append.addEventListener("click" ,function(){

for(var i=0;i<document.getElementsByTagName("div").length;i++){
alert(document.getElementsByTagName("div").length);
document.body.appendChild(document.createElement('div'));
}

})

方法二：

var appenda = document.getElementById("appenda");
appenda.addEventListener("click" ,function(){
var length = document.getElementsByTagName("div").length
for(var i=0;i<length;i++){
alert(document.getElementsByTagName("div").length);
document.body.appendChild(document.createElement('div'));
}

})