元素的自定义特性

1.html元素的自定义特性

<div myname="jone" id="smile">哈哈</div>

var div=document.getElementById('smile');
alert(div.myname)//undefined 不能通过dom属性获得特性值，ie除外
alert(div.getAttribute('myname'))//jone  可通过getAttribute方法获得特性值

 2.dom元素的自定义属性

<div  id="smile">哈哈</div>

var div=document.getElementById('smile');
div.myname="jone";
alert(div.myname);
alert(div.getAttribute('mycolor'));//null (ie除外) 添加的dom元素的自定义属性不会自动成为html元素的特性

div.setAttribute('mysex','男');
alert(div.getAttribute('mysex'));/*男 通过setAttribute方法可以设置html元素的自定义特性，但正如上面所讲，通过这种方式
　　　　　　　　　　　　　　　　　　　　　　设置的自定义特性不能通过dom元素的属性访问（ie除外）*/