此文是在阅读了司徒正美的博客内容,总结部分内容而得http://www.cnblogs.com/rubylouvre/archive/2010/05/30/1747455.html
html代码:
<body οnlοad="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元素的attributes属性返回的数组中。那再说一下attributes吧
attributes为dom树中每个元素(element)节点都具有的一个属性,nodeName.attributes返回的是一个类数组,该类数组中的元素为nodeName节点的所有属性节点。