DOM 属性操作 （getAttribute() 等）

1.getAttribute()

方法返回节点上指定的属性名对应的值

var element = document.getElementById("id");
element.getAttribute('class');

获取 class 属性的值

class 可以换成标签的其他属性 id 或者name等等。如果指定的属性名不存在，则返回null，如果指定的属性名存在但没有值，则返回空字符串

2.setAttribute()

setAttribute()方法用于设置节点上指定的属性值为新值，如果指定的属性不存在，则将添加一个新的属性并赋值。

var element = document.getElementById("id");
element.setAttribute('class', 'aaa')

设置了 class 名字为aaa

如果之前没有class属性 那么旧新加了一个class属性。

3.点属性 

Node节点来说，大多数属性可以通过点符号来设置或修改

举例

var element = document.getElementsByClassName("id"); 
element.id;      // 获取值 
 element.id = 'aaa // 赋值