javascript - 如何创建 NodeList？

Question

我有<p>使用 document.getElementsByTagName('p') 存在于页面中的标签.
我想要的是，在 nodeList 中添加这些标签，就像 document.querySelectorAll 那样。

例如:
假设我们有 4 <p>标签存在于页面中。我想添加4个标签作为nodeList。

我编写了以下代码:

var elem = null, nodList = document.createDocumentFragment(), i;
elem = document.getElementsByTagName('p');
for (i = 0; i < elem.length; i++){
    nodList.appendChild(elem[i]);
}

但不幸的是，它不能正常工作，特别是在 IE 6 ,7 中浏览器。

Answer 1

问题是 document.getElementsByTagName 返回一个“实时”元素集合。您正在修改循环内部的 DOM，并且底层的“实时”集合也在更改(请参阅 MDN getElementsByTagName )。或者，使用两个循环，第一个循环构建要添加到您的节点列表的元素数组，第二个循环将它们附加到您的节点列表。