Javascript中attribute与property的区别

attribute是一个类（伪）数组，每个 DOM元素都有一个attribute用来存放它所有的特性（包括系统定义的特性，如：class、id和自定义的特性），每个特性以名值对（name=“value”）的形式存放在attribute类数组中，比如下面的节点：

<div class="wrapper" id="wrepper" uname="yuan">hello</div>
 <script type="text/javascript">
    var elem=document.getElementById("wrepper")
    console.log(elem.attributes)
 </script>

输出：

> NamedNodeMap(3) [ class="wrapper", id="wrepper", nname="yuan" ]

可以通过各个节点的索引号访问节点的属性和值：

console.log(elem.attributes[0])//class="wrapper"
console.log(elem.attributes[0].name)//class
console.log(elem.attributes[0].value)//wrapper

但是IE6-7将很多东西都放在attribute中，上面的访问方法和标准浏览器的返回结果又不同。通常要获取一个attribute节点的属性值直接用elem.getAttribute(“name”)的方法：

console.log(elem.getAttribute("class"));//wrapper

要设置一个attribute节点的属性值用elem.setAttribute(“name”,“value”)的方法,删除用elem.removeAttribute(“name”)。
如果把DOM元素看成一个对象，那么property就是存放在对象中的多个名值对（name=“value”);
每个DOM元素中自定义的属性，基本上都有一个property属性，这些属性可以通过attribute或property添加、删除、修改;
但是对于用户用attribute和property自定义的属性，只可以通过调用attribute/property来进行修改;attribute定义的自定义属性在HTML标签中可见。