property和attribute的区别

property 和 attribute非常容易混淆，两个单词的中文翻译也都非常相近（property：属性，attribute：特性），但实际上，二者是不同的东西，属于不同的范畴。

---

property是DOM中的属性，是JavaScript里的对象；

attribute是HTML标签上的特性，它的值只能够是字符串；

---

简单理解，Attribute就是dom节点自带的属性，例如html中常用的id、class、title、align等。

而Property是这个DOM元素作为对象，其附加的内容，例如childNodes、firstChild等。

有以下代码：

var in1=document.getElementById("div1"); console.log(in1);

---

attributes是属于property的一个子集，它保存了HTML标签上定义属性。如果再进一步探索attitudes中的每一个属性，会发现它们并不是简单的对象，它是一个Attr类型的对象，拥有NodeType、NodeName等属性。关于这一点，稍后再研究。注意，打印attribute属性不会直接得到对象的值，而是获取一个包含属性名和值的字符串，如：

HTML标签中定义的属性和值会保存该DOM对象的attributes属性里面；

这些attribute属性的JavaScript中的类型是Attr，而不仅仅是保存属性名和值这么简单；

colspan 和 colSpan

最容易混淆的地方是 colspan 这个 Attribute 和 colSpan 这个 Property。请注意，这两个名称只有一个字母的大小写不同。