JavaScript中 [prop ]和['prop']的区别是什么?


当编写 HTML 源码时你能在 HTML 元素里定義 attributes。然后一旦浏览器解析你的代码,该 HTML 元素相应的 DOM 节点就会被创建该节点是一个对象,因此它就拥有 properties 因此,我们知道:attributes 是 HTML 元素(标簽)的属性而 properties 是 DOM 对象的属性。
例如下面这个 HTML 元素:

对于某个 DOM 节点对象,properties 是该对象的所有属性而 attributes 是该对象对应元素(标签)的属性。
当一個 DOM 节点为某个 HTML 元素所创建时其大多数 properties 与对应 attributes 拥有相同或相近的名字,但这并不是一对一的关系例如,下面这个 HTML 元素:

  
会随着 checkbox 状态作出楿应改变
会随着 checkbox 状态作出相应改变
并且不会随着 checkbox 的状态而改变
(与jQuery文档描述不一样,1.9.0 及之后的版本都是返回 “checked”,并不会随着 checkbox 的改变洏改变)即 1.9.0 之前的版本会随着 checkbox 的改变而改变。

为了兼容不同浏览器当判断一个 checkbox 是否被选择时应该使用 property:

我要回帖

 

随机推荐