attributes屬于html中的屬性 翻譯為特性
properties屬于DOM對(duì)象中的屬性 翻譯為屬性
正常我們創(chuàng)建一個(gè)HTML元素時(shí)，瀏覽器會(huì)解析出這個(gè)對(duì)象和它擁有的一些屬性
比如
<input type="text" value="name" />
這個(gè)input就有兩個(gè)屬性藕漱。
當(dāng)我們通過(guò)DOM對(duì)象去獲取屬性畏吓，他們卻不一定是簡(jiǎn)單的1對(duì)1的關(guān)系。
比如
<input id="the-input" type="text" value="Name:">
這個(gè)DOM節(jié)點(diǎn)有三個(gè)屬性id,type,value.
1翁狐、id這個(gè)屬性（properties）是映射的是html id的特性(attributes)楼雹。這個(gè)是不能改變和受限制的脐雪。是純映射
2详幽、type這個(gè)屬性（properties）是映射的是html type的特性(attributes)筛欢。但這個(gè)不是純映射關(guān)系
假設(shè)我們把設(shè)置為<input type='foo'>
theInput.getAttribute("type") //輸出的是foo
theInput.type // 輸出的是text
因?yàn)?type的屬性是被限定在指定的值
3、相反的value這個(gè)屬性（properties)妒潭，不是映射到html 'value'特性(attributes)悴能。而是映射input現(xiàn)在的value揣钦。會(huì)隨著輸入的值變化而變化
假設(shè)我們輸入的值join
theInput.value // 輸出 "John"
theInput.getAttribute('value') // 輸出 "Name:"
如果你想知道 input的初始值是哪個(gè)雳灾。可以使用defaultValue這個(gè)屬性冯凹。這個(gè)是與Value純映射的
