首页 > 代码库 > JS中容易混淆的概念。

JS中容易混淆的概念。

1.attribute和porperty的区别

attribute是特性节点。每个DOM元素都有一个对应的attributes属性来存放所有的attribute节点,attributes是一个类数组的容器,说得准确点就是NameNodeMap,总之就是一个类似数组但又和数组不太一样的容器。attributes的每个数字索引以名值对(name=”value”)的形式存放了一个attribute节点。

要设置一个attribute节点使用setAttribute方法,要删除就用removeAttribute。

 

property只是一个属性。而DOM中的个别attribute节点都有对应的property属性。property属性既可以通过对象操作属性的形式直接获取属性值,也可以通过getAttribute()获得。

 

对于在HTML中默认存在的特性节点,可以通过getAttribute()来获取其特性值。但是对于不是HTML文档中默认存在的,而是在JS中动态自定义的特性节点,

则无法获取其特性值。(在IE8之前,无法区分自定义的特性节点,所以自定义节点会被当做普通默认节点来对待)。

 

较特殊的是一些值为Boolean类型的property,如一些表单元素(radio),只要其特性节点存在,对应的property值就为true.

 

最后为了更好的区分attribute和property,基本可以总结为attribute节点都是在HTML代码中可见的,而property只是一个普通的名值对属性。

JS中容易混淆的概念。