DOM节点的Attribute和Property有何区别？

1、Attribute：

Attribute出现在DOM中，js提供了getAttribute/setAttribute等方法来获取和改变它的值，attribute的值只能是字符串且大小写不敏感，最后作用于html中，可以影响innerHTML获取的值。可以通过访问DOM节点的Attribute属性来获取该节点的所有的Attribute。（在IE<9中，Attribute获取和改变的实际上是Property。）

2、Property

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

3、两者之间的区别：

（1）自定义的Property与Attribute不同步，不相等。

（2）非自定义的DOM Property与Attribute是有条件同步的。

（3）非自定义的属性（id/src/href/name/value等），通过setAttribute修改其特性值可以同步作用到property上，而通过.property修改属性值有的（value）时候不会同步到attribute上，即不会反应到html上（除以下几种情况，非自定义属性在二者之间是同步的）。