javascript - 创建一个 HTMLCollection

Question

我正在尝试填充 Element.prototype.children应该返回 HTMLCollection

有一个window.HTMLCollection

不过

var h = new HTMLCollection();
//TypeErrror: HTMLCollection is not a constructor

和

var h = Object.create(HTMLCollection.prototype);
h[0] = div;
h.item(0); 
// Could not convert JavaScript argument

测试 Firefox 7 和 Chrome

除了填充 HTMLCollection 之外，还有什么方法可以与之交互吗？

同时提供有关 this github issue 的反馈如果你能提出解决方案

Answer 1

我认为这是创建由浏览器处理的 HTMLCollection 的正确方法。

var docFragment = document.createDocumentFragment();
docFragment.appendChild(node1);
docFragment.appendChild(node2);
var myHTMLCollection = docFragment.children;

引用:

https://stackoverflow.com/a/35969890/10018427

https://developer.mozilla.org/en-US/docs/Web/API/NodeList

https://developer.mozilla.org/en-US/docs/Web/API/HTMLCollection

https://www.w3schools.com/js/js_htmldom_nodelist.asp