ページ要素のカスタム属性を取り出す
917 ワード
この文は司徒正美さんのブログの内容を読んで、一部をまとめたものです。http://www.cnblogs.com/rubylouvre/archive/2010/05/30/1747455.html
htmlコード:
ユーザー定義の値を取り出すには、次のような方法があります。
atributesは、domツリーの各要素(element)ノードが持つ属性の一つであり、nodeName.atributesは、nodeNameノードのすべての属性ノードであるクラスの配列を返します。
htmlコード:
<body onload="loadEvent()">
<div id="divTest">
</div>
<button aa="aaa" click="noRepeat">delete</button >// aa
</body>
jsコード:function loadEvent(){
alert($("#divTest~button").attr("aa"))
}
私たちは、ブラウザがundefinedを弾いています。つまり、私たちはこの方法でカスタマイズした属性aaの値を取り出すことができません。ユーザー定義の値を取り出すには、次のような方法があります。
function loadEvent(){
var domNode=document.getElementsByTagName("button")[0];
alert(domNode.attributes["aa"].value)
}
すなわち、このカスタム属性は、dom要素のatributes属性が返される配列に格納される。もう一回言ってください。atributesは、domツリーの各要素(element)ノードが持つ属性の一つであり、nodeName.atributesは、nodeNameノードのすべての属性ノードであるクラスの配列を返します。