老师关于取到这个元素有些疑问

来源:3-18 节点操作

咸鱼王派大星

2021-03-30 16:49:24

​<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div>前端技术</div>
<div id='123'>IOS技术</div>
<div>安卓技术</div>
<div>JAVA技术</div>
<script>
//补充代码
var divs = document.getElementById('123');
console.log(divs);

</script>
</body>
</html>

老师比如说这个,这个地方通过控制台打印能够知道是取到了id为123的div,而且也知道是以类数组的方式保存在类数组divs里面,但是保存在divs里面的这个id为123的div是以字符串的形式保存在里面的嘛。

写回答

1回答

好帮手慕久久

2021-03-30

同学你好,解答如下:

1、同学提供的代码中,是使用document.getElementById这个方法获取的dom元素,它的结果不是类数组,而是具体的dom元素:

http://img.mukewang.com/climg/6062ebcb0991e06105590137.jpg

2、如果使用document.querySelectorAll方法获取元素(还有其他方法),则会得到类数组:

http://img.mukewang.com/climg/6062ec7509330ea407090117.jpg

http://img.mukewang.com/climg/6062ec7a091fab6604560109.jpg

此时结果数组中,保存的每一个元素都是一个具体的dom元素,不是字符串:

http://img.mukewang.com/climg/6062ecd809b2aa5009270266.jpg

祝学习愉快! 





0

0 学习 · 15276 问题

查看课程