ページ要素のカスタム属性を取り出す

917 ワード

この文は司徒正美さんのブログの内容を読んで、一部をまとめたものです。http://www.cnblogs.com/rubylouvre/archive/2010/05/30/1747455.html
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ノードのすべての属性ノードであるクラスの配列を返します。