DOM節(jié)點的Attribute和Property有何區(qū)別?

1、什么是Property

每個DOM節(jié)點都是一個object對象，它可以像其他的js Object一樣具有自己的property和method，所以property的值可以是任何數(shù)據(jù)類型，大小寫敏感，原則上property應(yīng)該僅供js操作，不會出現(xiàn)在html中(默認屬性除外:id/src/href/className/dir/title/lang等)，和其他js object一樣，自定義的property也會出現(xiàn)在object的for…in遍歷中。

2、什么是Attribute

attribute出現(xiàn)在dom中，js提供了getAttribute/setAttribute等方法來獲取和改變它的值，attribute的值只能是字符串且大小寫不敏感，最后作用于html中，可以影響innerHTML獲取的值?？梢酝ㄟ^訪問dom節(jié)點的attributes屬性來獲取改節(jié)點的所有的attribute。(在IE<9中,attribute獲取和改變的實際上是property。)

3、兩者之間的區(qū)別是

(1)自定義的Property與Attribute不同步，不相等；

(2)非自定義的DOM property與attributes是有條件同步的；

(3)非自定義的屬性(id/src/href/name/value等)，通過setAttribute修改其特性值可以同步作用到property上，而通過.property修改屬性值有的(value)時候不會同步到attribute上，即不會反應(yīng)到html上(除以下幾種情況，非自定義屬性在二者之間是同步的)。

猜你喜歡

css3漸變屬性有哪些?css3漸變屬性用法詳解

css3屬性選擇器有哪些？css3屬性選擇器介紹

CSS怎樣更換鼠標樣式？

transition-property屬性有幾個屬性值?

黑馬程序員HTML&JS+前端課程