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

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遍历中。

2、什么是Attribute

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

3、两者之间的区别是

(1)自定义的Property与Attribute不同步，不相等；

(2)非自定义的DOM property与attributes是有条件同步的；

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

猜你喜欢

css3渐变属性有哪些?css3渐变属性用法详解

css3属性选择器有哪些？css3属性选择器介绍

CSS怎样更换鼠标样式？

transition-property属性有几个属性值?

黑马程序员HTML&JS+前端课程