4-2选择题？？

<!DOCTYPE html>
<html>
<head>
	<title>查找元素</title>
</head>
<body>
	<div id="wrap">
		<p id="wrap"><span id="span">ha</span></p>
	</div>
	<script>
		var div = document.getElementById("wrap");
		var p = document.getElementById("wrap");
		console.log(div.innerHTML);
		console.log(p.innerHTML);
		var span = p.getElementById("span");
		console.log(span.innerHTML);
	</script>
</body>
</html>

div和p的id相同，为什么两次打印出来的都是div的innerHTML

gaogao_ 2018-01-07

源自：JavaScript DOM操作 4-2 选择题

收起

3回答

kasimg 回答被采纳获得+3积分 2018-01-07 19:59:31

因为getElementById只会匹配第一个符合要求的元素，这里两次使用getElementById得到的都是div标签。

收起回答

Miss路 2018-01-08 11:52:33

当id重复的时候，会获取最外层的，里面的是无效的，因为dom查找的时候是从最外层开始查找的，因此会打印两遍div里面的内容。另外，这个代码不是4-2的选择题吗？我不知道你说的“还有就是这段代码就是视频里面老师为了说明id获取方法是document调用的而做的测试代码。”是什么意思。如果有问题请详细描述哦。祝学习愉快！

收起回答

提问者 gaogao_ #1

谢谢老师，我知道那种写法会报错

2018-01-08 11:54:53

Miss路 2018-01-08 11:00:13

两个问题：

1、id值是唯一的，不能两个id都叫wrap。
2、getElementById（）方法是document调用的，不是某个dom对象调用的。这一句var span = p.getElementById("span");要改成var span = document.getElementById("span");

注意语法上的问题。加油！

收起回答