firefox解决childNodes.length的问题

最新推荐文章于 2022-08-22 09:44:13 发布

xiaojianhx

最新推荐文章于 2022-08-22 09:44:13 发布

阅读量203

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML & JS & CSS 文章标签： Firefox IE HTML

本文链接：https://blog.youkuaiyun.com/xiaojianhx/article/details/83497160

HTML & JS & CSS 专栏收录该内容

2 篇文章

订阅专栏

本文通过一个简单的HTML示例展示了在Internet Explorer (IE) 和 Firefox 浏览器中获取DOM节点数量的不同结果。揭示了浏览器之间的实现差异，并提供了一种跨浏览器兼容的方法来准确地计算特定元素下的子节点数量。

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD></HEAD>
 <BODY>
	<div id="div">
		<div>aa</div>
		<div>bb</div>
		<div>cc</div>
		<div>dd</div>
		<div>ee</div>
		<div>ff</div>
	</div>
	<script>
		//只ie可以,firefox下错误数据
		alert("ie:"+document.getElementById("div").childNodes.length);



		//firefox,ie都可以
		var nodeCount=0;
		for(var i=0;i<document.getElementById("div").childNodes.length;i++){
			if(document.getElementById("div").childNodes[i].nodeType == 1){
				nodeCount++;
			}
		}
		alert("ie,firefox:"+nodeCount);
	</script>
 </BODY>
</HTML>