教育行业A股IPO第一股(股票代码 003032)

全国咨询/投诉热线:400-618-4000

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

更新时间:2021年04月27日16时25分 来源:传智教育 浏览次数:

1、什么是Property?

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


2、什么是Attribute?

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

两者之间的区别是:

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

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

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



猜你喜欢:

Bootstrap是什么?有什么用处?

aside标签有什么用?

article标签是什么元素?有什么作用?

什么是Vue?Vue的工作原理是什么?

传智教育HTML&JS+前端培训课程

0 分享到:
和我们在线交谈!