4、dom 节点的 Attribute 和 Property 有何区别?(必会)

4、dom 节点的 Attribute 和 Property 有何区别?(必会)1、什么是 Property每 个 DOM 节点都是一个 object 对象,它可以像其他的 js Object 一样具有自己的 propert

欢迎大家来到IT世界,在知识的湖畔探索吧!

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、两者之间的区别是:

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

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

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

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://itzsg.com/65461.html

(0)

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

联系我们YX

mu99908888

在线咨询: 微信交谈

邮件:itzsgw@126.com

工作时间:时刻准备着!

关注微信