JavaScript IE8 : Add a function to a NodeList object

Question

我有一个对 NodeList 的引用，我只是想将一个函数附加到该对象，以便稍后由脚本的另一个区域调用。

// Quick and dirty hack to obtain a NodeList from given element(s):
var fragment = document.createDocumentFragment(),
    nodeList;
fragment.appendChild(document.getElementById("test").cloneNode(true));

nodeList = fragment.childNodes;
console.log(nodeList);

// How can a method be defined on the nodeList in IE8?
nodeList["someMethod"] = function() { alert("YOU WIN!"); };
nodeList.someMethod();

实例:http://jsfiddle.net/gCwAr/

以上代码适用于以下浏览器:IE9、Chrome、Firefox、Safari、Opera。

我的问题是如何让代码在 IE8 中工作，因为在倒数第二行会抛出以下错误:

Object doesn't support this property or method

Answer 1

扩展宿主对象，例如 DOM 对象是 generally a bad idea .只是不要这样做。相反，将 NodeList 包装在您自己的对象中，该对象具有您的额外方法。