MooTools - 找到某个div类的div id的高度

Question

我正在尝试使用offsetHeight根据其类来查找元素的高度，到目前为止，我可以根据div id找到高度，但是如果我将多个类分配给相同的id呢？

我改编了这个jsfiddle来举例说明我在谈论的内容：http://jsfiddle.net/VvrAs/80/

var idheight = $('textarea').offsetHeight;
    var classheight1 = $$('.field').offsetHeight;
    var classheight2 = $$('.field2').offsetHeight;

其中field和field2是div类，textarea是div id

我希望未定义的值根据类给出div的高度。

感谢。

Answer 1

$$选择器的行为与querySelectorAll非常相似，因为它不会返回单个元素，而是包含倍数的NodeList elements，即使只有一个元素与查询匹配。

NodeLists可以像Arrays一样遍历，所以在你的情况下：

var classheight1 == $$('.field')[0].offsetHeight;
var classheight2 == $$('.field2')[0].offsetHeight;

本质上，当您最初调用$$('.field')时，您要求MooTools查找包含类field的所有元素实例。它返回了一个1项的NodeList，但你仍然需要通过它的数组索引来引用它。