偷偷瞄到公司的面试题---dom节点的Attribute和Property有何区别?

1、 什么是Property 每 个DOM节点都是一个object对象，有自己的property和method

原则上 property 应该仅供 js 操作，不会出现在 html 中（默认属性除外： id/src/href/className/dir/title/lang等），和其他js object一样，自定义的property也会出现在object的for…in遍历中

2、 什么是Attribute attribute出现 在dom中，js提供了getAttribute/setAttribute等方法来获取和改变它的值，最后作用于html中，可以影响innerHTML获取的值。可以通过访问dom节点的attributes 属性来获取 改节点的所有的 attribute。（在 IE<9 中,attribute 获取和改变的实际上是 property。）

3、 两者之间的区别是

3.1） 自定义的Property与Attribute不同步,不相等

3.2） 非自定义的DOM property与 attributes 是有条件同步的

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