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只是一个普通的名值对属性

贴张完整的案例