JS的DOM的元素属性

0.获取元素

 ```js
     var oDiv = document.querySelector('.box') //元素节点
     console.log(oDiv)
     // 只针对一个元素标签的时候用，标签多了麻烦
     var oDiv = document.getElementsByClassName('box') //伪数组
     var oDiv = document.getElementsByClassName('box')[0] //元素节点
     console.log(oDiv)
 ```

1.获取元素的某些属性

 * 语法：元素.getAttribute('要查询的属性名')
 * 返回值:查询到属性时返回对应的属性值，没有查询到时直接返回null
 ```js
     console.log(oDiv.getAttribute('a')) //100
     console.log(oDiv.getAttribute('class')) //box
     console.log(oDiv.getAttribute('b')) //null
 ```

2.修改元素的某些属性

 * 语法：元素.setAttribute('对应的属性名', '对应的属性值')
 * 注意:如果元素没有对应的属性名，那么相当于是新增一个属性
 ```js
     oDiv.setAttribute('a', '999')
     oDiv.setAttribute('b', 'qwer')
     oDiv.setAttribute('class', 'new_box')
     console.log(oDiv.getAttribute('a'))
 ```

* 3.删除元素的某些属性

 * 语法：元素.removeAttribute('要删除的属性名')
 ```js
     oDiv.removeAttribute('class')
     oDiv.removeAttribute('a')
 ```