Javascript QuerySelector将返回什么类型的数据?

Javascript QuerySelector将返回什么类型的数据?,javascript,web-deployment,Javascript,Web Deployment,javaScript对象没有长度属性,但返回的querySelectorAll值有一个长度属性,表示它是一个数组。但是如果我们通过Array.isArray()检查它,那么它返回false,证明它不是数组。那么它是什么类型的数据呢? var obj1={ fname:“米拉朱尔”, 名字:“妈妈”, 年龄:24 }; console.log(obj1.length); var paraList=document.querySelectorAll(“p”); console.log(paraLis

javaScript对象没有长度属性,但返回的
querySelectorAll
值有一个长度属性,表示它是一个数组。但是如果我们通过
Array.isArray()
检查它,那么它返回false,证明它不是数组。那么它是什么类型的数据呢?
var obj1={
fname:“米拉朱尔”,
名字:“妈妈”,
年龄:24
};
console.log(obj1.length);
var paraList=document.querySelectorAll(“p”);
console.log(paraList.length);
log(Array.isArray(paraList))
这是第一段

这是第二段

这是第三段

这是第四段

Element方法返回一个静态(非活动)节点列表,表示与指定选择器组匹配的文档元素列表

有关差异,请访问:

您可以使用将其作为数组:

var obj1={
fname:“米拉朱尔”,
名字:“妈妈”,
年龄:24
};
console.log(obj1.length);
var paraList=[…document.querySelectorAll(“p”)];
console.log(paraList.length);
log(Array.isArray(paraList))
这是第一段

这是第二段

这是第三段

这是文档中的第四段,“非活动的
节点列表
,包含一个与至少一个指定选择器匹配的每个元素的
元素
对象,或者在不匹配的情况下包含一个空的
节点列表
。”

您可以在

querySelectorAll()上查看更多信息。querySelectorAll()返回一个包含与指定选择器组匹配的元素的对象数组

.isArray()将返回false,因为它返回的是对象而不是数组

语法:

var elms = document.querySelectorAll('selectors');
  • “选择器”是一个字符串,包含一个或多个由逗号分隔的CSS选择器
  • elms是一个包含选定HTML元素的数组
例如,获取一个数组,其中包含class='sites'的LI标记的内容,以及id='dv1'的元素中class='note'的标记,然后显示它们的内容:

阅读博客以更好地理解querySelectorAll


这是否回答了您的问题?