使用querySelectorAll()。方法返回的结果是有序的吗？

Question

我正在尝试制作一个可以处理多个页面的js代码。我尝试使用querySelectorAll()从DOM中获取元素。

我需要对元素进行排序。为了做到这一点，我可以使用xPath或选择器(我更喜欢使用选择器，但xPath也可以)。问题是：

querySelectorAll()返回的NodeList中的元素是否按照标签在HTML中出现的顺序排序？

注意:我想添加标签: querySelectorAll

Answer 1

返回的节点列表是有序的。一个快速测试证明了这一点：

document.querySelectorAll("body, head")[0]; //Returned [object HTMLHeadElement]

显然，在HTML文档中，<head>标记出现在<body>之前。NodeList的第一个元素也是<head>元素，即使选择器在` `head前显示body。

来自http://www.w3.org/TR/selectors-api/#queryselectorall

NodeSelector接口上的querySelectorAll()方法在被调用时必须返回一个NodeList，其中包含节点的子树中的所有匹配元素节点，文档顺序为in 。如果没有这样的节点，则该方法必须返回空的NodeList。