class - 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 の高さを指定します。

ありがとう。

score 0 · Accepted Answer

セレクターは、単一の要素を返すのではなく、クエリに一致する要素が 1 つだけの場合でも、複数の要素を含むを返すという点で、の$$ように動作します。querySelectorAllNodeList

NodeLists は配列のように走査できるので、あなたの場合:

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

本質的に、最初にを呼び出したとき$$('.field')、クラスを含む要素のすべてのインスタンスを検索するように MooTools に要求しましたfield。1 項目の NodeList が返されましたが、配列インデックスを介して参照する必要があります。

1 に答える 1