attribute與property

attribute和property都可以翻譯為屬性，為了以示區別，通常把這兩個單詞翻譯為屬性與特性。

<div id="test">Click Here</div>

上面這段HTML語句中有三個節點，分別是Element “div”、attribute “id”、Text “click here”，我們最常見的attribute正式指的attribute類型節點，在JavaScript有專門處理attribute的函數 .getAttribute(name) / setAttribute(name,value)。當然attribute不只是我們能夠在HTML文檔上看到的這幾個，我們可以自定義attributed加到DOM節點中

這樣可以div被修改為

通過方法 setAttribute設置的attribute最終都會反映到元素的attribute類型的節點中

property是DOM對象的字段，跟我們平常使用的一些對象一樣，包含很多字段，這些字段就是property，取值或者設置值和普通字段一樣通過”對象.字段“的方式。

看起來attribute和property應該沒有什么關系才對，怎么會。。。attribute和property容易混