getChildNodes()返回的DOM NodeList的顺序

在浏览器中，getChildNodes() 方法返回一个 DOM NodeList，其中包含了当前节点的所有子节点。这个 NodeList 的顺序是根据子节点在文档中的位置来确定的。具体来说，它们按照它们在源代码中出现的顺序排列，从左到右，从上到下。

例如，在以下 HTML 代码中：

<div id="example">
  <p>First paragraph</p>
  <p>Second paragraph</p>
</div>

我们可以使用 JavaScript 代码来获取 div 元素的子节点：

const exampleDiv = document.getElementById("example");
const childNodes = exampleDiv.getChildNodes();

在这个例子中，childNodes 是一个 NodeList，其中包含了两个元素节点（<p> 标签）和两个文本节点（它们包含了 "First paragraph" 和 "Second paragraph" 文本）。这个 NodeList 的顺序是根据这些子节点在源代码中出现的顺序来确定的，因此它们的顺序是：元素节点（<p>）、文本节点（"First paragraph"）、元素节点（<p>）、文本节点（"Second paragraph"）。

需要注意的是，getChildNodes() 方法返回的 NodeList 是一个活动的对象，这意味着它会随着 DOM 的变化而自动更新。因此，如果在获取 NodeList 之后，DOM 中的子节点发生了变化，那么 NodeList 中的节点顺序也会相应地发生变化。