                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

我所有浏览器显示的子节点个数都是3，节点也是1。是版本原因么？

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<ul>
			
			<li>javascript</li>
			<li>jQuery</li>
			<li>PHP</li>
		</ul>
		<script>
			var x=document.getElementsByTagName("li");
			document.write("ul子节个数"+x.length);
			document.write("节点类型"+x[0].nodeType);
		</script>
	</body>
</html>

qq_诺诺

2016-09-01

源自：JavaScript进阶篇 9-8

关注问题我要回答

462

操作

收起

2 回答

stonecheng
2016-09-01

我测试了chrome52，IE10和firefox也是相同的结果。子节点=7个。和教程9-8“访问子节点”里说的3个子节点不同。

但ul的子节点，应该去查找ul，而不是li

<script>

var x=document.getElementsByTagName("ul")[0].childNodes;

document.write("ul子节个数"+x.length);

document.write("节点类型"+x[0].nodeType);

</script>

0 回复有任何疑惑可以回复我~

慕粉5049569
2016-09-01

你这里用getElementsByTagName获取元素，结果肯定是一样的，9-8旁边左边所说的是用childNodes获取子节点，所以有浏览器兼容问题。

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

JavaScript进阶篇

参与学习 468194 人
解答问题 21891 个

本课程从如何插入JS代码开始，带您进入网页动态交互世界

本课相似问答

2 回答父节点下的所有子节点的子节点也就是孙节点为什么没有一起显示出节点值

1 回答为什么在IE浏览器中也是7个子节点呢？

1 回答li的子节点有啥？文本节点的是他的子节点吗？

6 回答加入子节点后，想打印出节点个数和值，但是显示不出来，什么原因？？

3 回答chrome浏览器节点为什么是七个啊？？？

搜索更多本课相关问答

我所有浏览器显示的子节点个数都是3，节点也是1。是版本原因么？

我要回答关注问题

意见反馈帮助中心 APP下载