Question

我使用原型制作了一个模式来创建和扩展html元素。这就像非浏览器中的魅力一样。示例代码可以在jsbin找到（参见页面源代码）

这种模式的优点应该是速度（方法在元素原型链中，因此它们被引用一次）。你猜对了：IE没有去。在IE＆lt; 8 html元素的原型是隐藏/不可访问的，因此对于您创建的每个元素，您必须再次引用非标准方法（如果您密集使用该模式，请留下很多指针）。我在网上搜索了解决方案，但只找到了复杂的解决方法。是否真的无法访问IE中的HTML元素原型？

Answer 1

不，也不保证你一般可以在JavaScript中使用DOM对象的原型。 DOM对象不是ECMAScript规范的一部分;在任何浏览器中，它们可能都不是（传统上不是）本机JavaScript对象。

这就是框架倾向于拥有自己的“容器”包装类的原因。

即使它们是原生JS对象，你也不能依赖't.el.constructor'。 'constructor'不是标准属性，在IE中不可用，甚至在Mozilla中也没有做你认为它做的事情。避免。

Answer 2

是的，确实没有办法做到这一点。

IE元素基于COM对象，实际上不允许将仲裁成员添加到其接口中（在COM中，接口是契约，不应该更改）。这些接口的实现不能通过Javascript扩展，这些元素根本不是原型。

IE添加了一个特殊的界面，设计用于与Javascript一起使用，允许在特定实例中添加新成员，但是你不能将新成员添加到'class'，因为没有原型可以摆弄。

Answer 3

以下内容剪切并粘贴在文章HTMLElement doesnt work in IE上。示例在IE和Firefox中完美运行。

<html>
<head>
    <script type="text/javascript" src="DOMElement.js"></script>
    <script type="text/javascript">

        var DOMElement =
        {
            extend: function(name,fn)
            {
                if(!document.all)
                    eval("HTMLElement.prototype." + name + " = fn");
                else
                {
                    //
                    //  IE doesn't allow access to HTMLElement
                    //  so we need to override
                    //  *document.createElement
                    //  *document.getElementById
                    //  *document.getElementsByTagName
                    //

                    //take a copy of
                    //document.createElement
                    var _createElement = document.createElement;

                    //override document.createElement
                    document.createElement = function(tag)
                    {
                        var _elem = _createElement(tag);
                        eval("_elem." + name + " = fn");
                        return _elem;
                    }

                    //take copy of
                    //document.getElementById
                    var _getElementById = document.getElementById;

                    //override document.getElementById
                    document.getElementById = function(id)
                    {
                        var _elem = _getElementById(id);
                        eval("_elem." + name + " = fn");
                        return _elem;
                    }

                    //take copy of
                    //document.getElementsByTagName
                    var _getElementsByTagName = document.getElementsByTagName;

                    //override document.getElementsByTagName
                    document.getElementsByTagName = function(tag)
                    {
                        var _arr = _getElementsByTagName(tag);
                        for(var _elem=0;_elem<_arr.length;_elem++)
                            eval("_arr[_elem]." + name + " = fn");
                        return _arr;
                    }
                }
            }
        };

        DOMElement.extend("foo",function(){alert('bar')});
        DOMElement.extend("about","DOMElement v0.1")
        DOMElement.extend("contents",function(){return this.innerHTML})
        var elem = document.createElement("div");
        elem.foo();

        onload = function()
        {
            var elem2 = document.getElementById("myDiv");
            alert(elem2.about);

            var divs = document.getElementsByTagName("div");
            for(var i=0;i<divs.length;i++)
                alert(divs[i].contents())
        }

    </script>
</head>
<body>

    <div id="myDiv">hi</div>
    <div id="div2">there</div>

</body>
</html>

试试吧此致

真的没有办法在IE（＆lt; 8）中公开html元素的原型吗？

3 个答案: