javascript中attribute與property 的區別

在javascript中

    對於attribute

        直接寫在標籤上的屬性，能夠經過setAttribute,getAttribute進行讀取，設置。

    對於property

        經過'.xxx'或者'[xxx]'進行設置，讀取屬性，跟javascript中普通對象屬性的讀取差很少，能夠經過delete xxx來刪除這個

attributes是一個類數組的容器，準確的說是一個NameNodeMap，

相關的操做

getAttribute

setAttribute

removeAttribute

property就是一個屬性，若是把DOM元素看做成一個普通的object對象，那麼property就是其中的一個屬性。

之因此attribute和property很容易混淆的緣由：不少attribute節點還有一個相對應的property屬性

ps:節本能夠理解爲 attribute節點均可以在HTML代碼中可見，可是property只是一個普通的名值對屬性

貼張完整的案例