当编写 HTML 源码时你能在 HTML 元素里定義 attributes。然后一旦浏览器解析你的代码，该 HTML 元素相应的 DOM 节点就会被创建该节点是一个对象，因此它就拥有 properties
例如，下面这个 HTML 元素：
对于某個 DOM 节点对象properties 是该对象的所有属性，而 attributes 是该对象对应元素(标签)的属性
当一个 DOM 节点为某个 HTML 元素所创建时，其大多数 properties 与对应 attributes 拥有相同或相近嘚名字但这并不是一对一的关系。例如下面这个 HTML 元素：
是带有限制/变动的（src、href、disabled、multiple）。该 涵盖了各种各样的映射
| 会随着 checkbox 状态作出相應改变 |
| 会随着 checkbox 状态作出相应改变 |
|
|
的值并不会随着 checkbox 的状态而作出相应改变，而 checked property 会因此，为了兼容不同浏览器当判断一个 checkbox 是否被选择时应该使用 property：
