为什么我需要使用Mootools Element方法扩展document.body $（document.body）？

Question

因此，在尝试让我的应用程序在最新的IE上工作之后，事实证明IE不喜欢以下代码：

document.body.getElement('.className');

Firefox和Chrome的反应还不错，但IE上的document.body没有Mootools Element方法。

在查看文档之后，一些示例将$() document.body包装起来，以将其公开给Mootools方法。

只是想知道它在FireFox / Chrome中工作正常的原因，但不能在IE中自动运行？

Answer 1

这是因为IE暴露（或者，呃，不）元素原型的扩展方式。 在适当的浏览器中， document.body - 以及作为DOM的一部分并且从Element派生的所有其他内容 - 继承附加到Element.prototype

在旧的IE中，这不会发生（它继承自内置的原型，但它只读 - 是的）。 查看有关原因的任何主题 - 例如。 真的没有办法在IE中公开html元素的原型（<8）吗？

简而言之，它是DOM。 这不是ECMA规范。 他们没有这样做。 他们现在这样做（完全自IE9以来）

MooTools - 是典型的 - 通过扩展它手动访问的元素来解决这个问题。 它通过$或元素构造函数或Slick（当它第一次遇到元素时）这样做。

在IE中，扩展将不仅设置元素存储/ uid，它将从Element.prototype复制对expando属性的引用到元素对象本身。

所以，如果你这样做了：

$(document.body);
document.body.addClass('bar').adopt(new Element('div'));

这会奏效。 您只需要扩展一次，然后将所有方法复制到实际对象上。

在未来，mootools将不是原型而是包装（如jquery），因此任何元素访问都将通过$ type函数。