一:Attribute和Property的区别
1.含义区别
首先在定义上更准确的来说,Attribute和Property分别为特性和属性,作为区别。
其次,这样理解下来,我们知道Attribute就是DOM节点自带属性,例如我们在HTML中常用的id,class,src,title,alt等。而Property则是这个DOM元素作为对象,其附加的属性或者内容,例如childNodes,firstChild等。
另外我们常把他们弄混淆是因为,有些例如id,class,title常用的Attribute已经被作为Property附加在DOM对象上,也可以取值和赋值。但是自定义的Attribute就不能了,例如:
//这里的title1是自定义属性不能作为property
<div id="div1" class="divClass" title="divTitle" title1="divTitle1">自定义attribute</div>
2.取值和赋值区别
Attribute取值和赋值
//attribute取值
getAttribute()
eg:var id = div1.getAttribute("id")
var id = div1.getAttribute("title1")
//attribute赋值
getAttribute(attribute,value) //value只能是字符串形式
eg:div1.setAttribute('class', 'a');
div1.setAttribute('title1', 'asd'); //自定义属性也可
Property取值和赋值
//通过'.'号获取property
var id = div1.id;
var className = div1.className; //相当于div1.getAttribute('class')
//通过'='赋予property
div1.className = 'a';
div1.align = 'center';