javascript - getElements 不是 IE 中受支持的属性或方法

Question

仅在 IE 中查看页面时，我遇到 JavaScript 问题。我明白了:

object doesn't support this property or method

我的 JavaScript 代码中生成此错误的行是:

var panels = $('collapser').getElements('div.menuTable');

上面的代码尝试获取 collapser 元素中具有类 menuTable 的所有 div 元素。

似乎 IE 不喜欢 getElements 方法!

以下是 HTML 页面的相关部分:

<div id="collapser" class="text2"> 
    <h2 class="menu">system features1</h2> 
    <div id="div145fgjd584rgd" class="menuTable">
     ...
    </div>
    <h2 class="menu">system features2</h2> 
    <div id="div2sf54685454rtyt" class="menuTable">
     ...
    </div>
</div>

Answer 1

在 IE 6、7 和 8(部分)中，Element.prototype 被禁止，或者元素无法从原型(prototype)的更改中受益。

作为解决方法，MooTools 在通过选择器($、$$)访问或创建该元素(元素构造函数)时将所有 Element.prototype 方法复制到每个 IE 元素对象.

基本上:$("collapser")或document.id("collapser")或new Element('div#collapser') 还将复制方法和设置元素存储等——这是一次性操作。

这让我相信您拥有的 $() 函数不是 mootools 函数。

例如:

this.$ = document.getElementById;
$("collapser").getElements("div"); // exception in IE6/7/8

mootools是什么版本？ console.log($);//是 mootools 吗？

你还可以这样做:

var panels = document.getElements('#collapser div.menuTable');