DOM中Property与Attribute的区别

property和attribute的汉语翻译几乎相同，都有“属性”的意义（这里姑且称attribute为“特性”，以方便区分），而他们的取值也经常相同，但有时又会踩坑，发现二者会不相等，不同步。

 

0.奇葩的IE

本 文开始之前不得不提一下万恶之源IE,在IE<9中,浏览器会把所有的property和attribute强制映射，即property = attribute. (class特殊：className = class)。正因为IE<9中的这种映射误导了很多人以为二者完全相同。

 

1. Property

每 个DOM节点都是一个object对象，它可以像其他的js Object一样具有自己的property和method，所以property的值可以是任何数据类型，大小写敏感，原则上property应该仅供 js操作，不会出现在html中（默认属性除外：id/src/href/className/dir/title/lang等），和其他js object一样，自定义的property也会出现在object的for…in遍历中。

eg. 
  var list=[];
  for(var key in document.body) {
    list.push(key)
  }
  console.log(list.join('\n'));

 

2. Attribute