JS中的“特性”与“属性” attribute与property

DOM元素的attribute和property很容易混倄在一起，分不清楚。特别区分一下。

• attribute是HTML标签上的"特性"，它的值只能够是字符串
  
• property是DOM中的"属性"，是JavaScript里的对象；

attribute节点都是在HTML代码中可见的，而property只是一个普通的名值对属性。

之所以attribute和property容易混倄在一起的原因是，很多attribute节点还有一个相对应的property属性，比如div元素的id和class既是attribute，也有对应的property，不管使用哪种方法都可以访问和修改。

但是对于自定义的attribute节点，或者自定义property，两者就没有关系了。

例如：

1、<div class="box" id="box" gameid="880">hello</div>

其中，gameid自定义属性，因此只能用getAttribute访问，无法用e.propName访问

console.log( elem.getAttribute('gameid') ); // 880

console.log（elem.gameid）; //undefined

console.log( elem.removeAttribute('gameid') ); // undefined 删除

2、自定义property节点

elem.myColor = “red”; // 添加

console.log( elem.myColor ) // “red”

console.log(elem.getAttribute('myColor')); //null

delete elem.myColor // 删除