3-2单选疑问

来源:3-2 选择题

慕的地0823274

2018-08-01 22:33:14

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="wrap">我是div中的内容
<p id="wra">我是p中的内容
<span id="span">我是span中的内容</span>
</p>
</div>
</body>
<script>
var div=document.getElementById('wrap');
var p=document.getElementById('wra');
console.log(div.innerHTML);
console.log(p.innerHTML);
// var span=p.getElementById('span');
// console.log(span.innerHTML);报错!这是为什么?ID下不能找ID?

// console.log(span.innerHTML);
//var span=getElementById('span');报错!直接找id不行吗?

var span=p.getElementsByTagName('span')[0];
console.log(span.innerHTML);//而这样就不会报错???
</script>
</html>

注释有疑问的内容,疑惑前两种报错的原因!

写回答

1回答

imooc_澈

2018-08-02

你好,本题考察getElementById()方法,该方法必须在document后使用,所以 span标签内容会报错打印不出来,如果id相同的值出现两次,只会打印第一个id元素,运行结果如下:

http://img.mukewang.com/climg/5b62651b000101a406620253.jpg

如果解决您的问题请采纳,祝学习愉快!

1

0 学习 · 4928 问题

查看课程

相似问题