属性节点的获取
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div id = "box" name = "bird">
</div>
<script>
// 获取属性节点的方式：利用元素节点的attribute属性来获取到所有的属性节点，使用下标获取某个属性节点
var div = document.querySelector('#box');
var attrs = div.attributes;
console.log(attrs);
console.log(typeof attrs[0]);
console.log(attrs[0].nodeType);
//要获取元素身上的某个属性节点，可以使用元素节点.getAttributeNode('属性名')方法
var attr = div.getAttributeNode('id');
console.log(attr);
var attr2 = div.getAttributeNode('name');
console.log(attr2);
</script>
</body>
</html>
