为何getElementById成功了,getElementsByTagName 没成功？
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
.green{color:green;}
.font{font-weight: 700;}
.hello{color: red;}
</style>
</head>
<body>
<div id="tes" class="font green">
测试文档
</div>
<script>
var div=document.getElementById("tes")
console.log(div.innerHTML);
</script>
</body>
</html>为何上面这个打印结果是“测试文档”，而下面这个打印结果是undefined？两者的区别是，一个get tagname, 一个 get id.
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
.green{color:green;}
.font{font-weight: 700;}
.hello{color: red;}
</style>
</head>
<body>
<div id="tes" class="font green">
测试文档
</div>
<script>
var div=document.getElementsByTagName("div")
console.log(div.innerHTML);
</script>
</body>
</html>0
收起
正在回答
2回答
你好同学 , 使用getElementsByTagName()方法获取的DOM对象返回的是一个类似于数组的对象集合 . 就算页面中只有这一个元素, getElementsByTagName()获取后也是存在一个集合中 . 所以需要使用数组下标的方式去获取 . 例如如下 , 或者第一个 :
祝学习愉快 !
慕后端5509432
2018-11-15 20:52:12
补充：get那啥的时候缺了冒号，不上仍然是ID成功tagname不成功
相似问题
登录后可查看更多问答，登录/注册
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星