7

我正在尝试扩展所有 dom 元素，以便我可以获取和删除他们的孩子。该功能如下（适用于 FF 和 Chrome）。IE7 中是否有等效的扩展基本 dom 对象？

if (!Element.get) {
Element.prototype.get = function(id) {
    for (var i = 0; i < this.childNodes.length; i++) {
        if (this.childNodes[i].id == id) {
            return this.childNodes[i];
        }
        if (this.childNodes[i].childNodes.length) {
            var ret = this.childNodes[i].get(id);
            if (ret != null) {
                return ret;
            }
        }
    }
    return null;
}
}

Element.prototype.removeChildren = function() {
    removeChildren(this);
}

谢谢！

4

3 回答 3

5

这是一个简单的解决方法，在 99% 的情况下就足够了。它也可以根据您的脚本要求完成：

if ( !window.Element ) 
{
    Element = function(){};

    var __createElement = document.createElement;
    document.createElement = function(tagName)
    {
        var element = __createElement(tagName);
        if (element == null) {return null;}
        for(var key in Element.prototype)
                element[key] = Element.prototype[key];
        return element;
    }

    var __getElementById = document.getElementById;
    document.getElementById = function(id)
    {
        var element = __getElementById(id);
        if (element == null) {return null;}
        for(var key in Element.prototype)
                element[key] = Element.prototype[key];
        return element;
    }
}
于 2009-11-08T15:00:05.933 回答
4

不会。在 IE8 中会有一些有限的支持，但在那之前你最好找个地方挂你的函数。

于 2009-02-28T01:20:05.697 回答
3

IE没有“Element”设置，所以你不能访问Element的原型来直接添加你的功能。解决方法是重载“createElement”和“getElementById”，让它们返回一个带有修改过的原型的元素和你的函数。

感谢 Simon Uyttendaele 的解决方案！

if ( !window.Element )
{
        Element = function(){}

        Element.prototype.yourFunction = function() {
                alert("yourFunction");
        }


        var __createElement = document.createElement;
        document.createElement = function(tagName)
        {
                var element = __createElement(tagName);
                for(var key in Element.prototype)
                        element[key] = Element.prototype[key];
                return element;
        }

        var __getElementById = document.getElementById
        document.getElementById = function(id)
        {
                var element = __getElementById(id);
                for(var key in Element.prototype)
                        element[key] = Element.prototype[key];
                return element;
        }
}
于 2011-07-14T04:43:00.460 回答