js中Attribute和property的区别与联系

相信大多数的初学者对js中的property和attribute的关系很容易搞混,

Attribute大多用于DOM的操作中,比如ele.attributes指的是一个元素的特性集合,是一个nodelist;可以用数字索引0,1,2,3...获取相应位置的特性,name 和value分别对应名称和值;

比如:

attribute主要用于一下环境:

1.获取元素对象的特性:class,id,自定义属性等

<div id="div1" class="active"></div>

获取div,var oDiv=document.getElementById('div1')

typeof oDiv.attributes[0]---->obj;

typeof oDiv.attributes[0].name----->string是个字符串,对应的是name值,当然是数据

typeof oDiv.attributes[0].value----->string是个字符串,对应的是value值,当然是数据

2.用于设置,修改,删除属性;

设置:setAttribute(name,value)--->,如果name存在,value值不同,想当当于修改;如果name不存在,相当于添加自定义属性;

删除:removeAttribute(name)--->删除名称为name的属性;

 

property主要用于