HTML attribute 与 DOM property 的对比
来源:互联网 发布:关键词外包优化 编辑:程序博客网 时间:2024/04/29 02:43
attribute 是由 HTML 定义的。property 是由 DOM (Document Object Model) 定义的。
少量 HTML attribute 和 property 之间有着 1:1 的映射,如
id
。有些 HTML attribute 没有对应的 property,如
colspan
。有些 DOM property 没有对应的 attribute,如
textContent
。大量 HTML attribute看起来映射到了property…… 但却不像我们想的那样!
attribute 是用来初始化 DOM property,然后它们的任务就完成了。property 的值可以改变;attribute 的值不能改变。
例如,当浏览器渲染<input type="text" value="Bob">
时,它将创建相应 DOM 节点, 其value
property 被初始化为 “Bob”。当用户在输入框中输入 “Sally” 时,DOM 元素的value
property 变成了 “Sally”。 但是这个 HTML value
attribute 保持不变。如果我们读取 input 元素的 attribute,就会发现确实没变: input.getAttribute('value') // 返回 "Bob"
。
HTML attribute value
指定了初始值;DOM value
property 是当前值。
disabled
attribute 是另一个古怪的例子。按钮的disabled
property 是false
,因为默认情况下按钮是可用的。 当我们添加disabled
attribute 时,只要它出现了按钮的disabled
property 就初始化为true
,于是按钮就被禁用了。
添加或删除disabled
attribute会禁用或启用这个按钮。但 attribute 的值无关紧要,这就是我们为什么没法通过 <button disabled="false">仍被禁用</button>
这种写法来启用按钮。
设置按钮的disabled
property可以禁用或启用这个按钮。 这就是 property 的价值。
就算名字相同,HTML attribute 和 DOM property 也不是同一样东西。
- HTML attribute 与 DOM property 的对比
- HTML attribute 与 DOM property 的对比
- HTML attribute 与 DOM property 的区别
- HTML的attribute和DOM的property
- DOM中Property与Attribute的区别
- DOM对象属性(property)与HTML标签特性(attribute)
- HTML attribute vs. DOM property - 一种豁然开朗的感觉
- dom中attribute和property的区别
- attribute与property的区别?
- Attribute与Property的区别
- Attribute与Property的区别
- HTML中的attribute和property的区别
- HTML中的attribute和property的区别
- 关于Dom元素的属性(property)和特性(attribute)
- DOM元素的特性(Attribute)和属性(Property)
- DOM元素的特性(Attribute)和属性(Property)
- DOM元素的特性(Attribute)和属性(Property)
- HTML DOM Attribute 对象
- 关于RecyclerView刷新
- 【LINUX】对于安装时磁盘分区的解释
- Rx系列二 | Observer | Observable
- struts2关于"There is no Action mapped for namespace / and action name"的解决方法
- Java学习笔记--IO流的操作
- HTML attribute 与 DOM property 的对比
- 对mysql存储性能优化的基本理解
- hadoop不重启增删datanode结点
- 关于那道考察软件开发者编程素质和逻辑思维的题目(更新)
- Spring 框架参考文档(四)-数据访问之Marshalling XML using O/X Mappers
- 数组去重
- Codeforces------Good Bye 2016
- 拷贝文件
- 小知识汇总