所有的Html元素都由HTMLElement类型表示，不是直接通过这个类型，也是通过它的子类型来表示。
1、getAttribute() 取得特性
<div id='myId' class='myClass' data-name='dataName'></div>
<script>
var idd = document.getElementById('myId')
console.log(idd.getAttribute('id'))
console.log(idd.getAttribute('class'))
console.log(idd.getAttribute('data-name'))
//打印结果 myId myClass dataName
</script>
- setAttribute() 设置特性
<div id='myId' class='myClass' data-name='dataName'></div>
<script>
var idd = document.getElementById('myId')
console.log(idd.setAttribute('id','id'))
console.log(idd.setAttribute('class','class'))
console.log(idd.setAttribute('data-name','name'))
//改变id、class、data-name的值；查看代码可一看到
</script>
- 删除特性
<div id='myId' class='myClass' data-name='dataName'></div>
<script>
var idd = document.getElementById('myId')
idd.removeAttribute('class')
//删除该元素的class
</script>
- attributes 主要用于遍历元素特性，该属性中包含一系列节点，每个节点的nodeName就是特性名称，而节点的nodeValue就是特性的值。
<div id='myId' class='myClass' data-name='dataName'></div>
<script>
var idd = document.getElementById('myId')
alert(idd.attributes['id'].nodeValue) //获取id
idd.attributes['id'].nodeValue = 'idd' //改变id
idd.attributes.removeNamedItem('id') //删除id
</script>
