当浏览器本身没有实现它时,创建我自己的classList对象

Question

我有JavaScript代码,使用该classList对象添加和删​​除类.代码启动并按预期正常工作,直到我收到有关它的投诉,因为它在Opera和IE8中不起作用.

我不想使用任何框架或代码库.我想将我必须在程序中更改的代码减少到最大值,因此我想创建自己的classList对象并将其添加到节点对象中.我已经有了这个代码:

if (typeof(document.createElement('input').classList) == 'undefined') {
    HTMLElement.prototype.classList = new function () {
        this.add = function (addClass) {
            this.className += addClass;
        }
    }
}

这显然不起作用.问题是:我无法HTMLElement.className像这样访问此对象.我怎么能做到这一点？如何使此对象与原始对象类似或完全相同？

Answer 1

Mozilla在这里列出了一个classList shim:

http://developer.mozilla.org/en/DOM/element.classList

代码中有相当多的内容,但看起来就像你追求的那样.