===========================元素节点 4种方式获取====================
var oDiv = document.getElementById("box"); //通过Id获取元素
var oDiv = document.getElementsByClassName("div")[0]; //通过类名获取元素 --》[ 0 ] 必须写
var oDiv = document.getElementsByTagName("div")[0]; //通过标签名获取元素 --》[ 0 ] 必须写
var oDiv = document.getElementsByName("nana")[1]; //通过名字获取元素 --》[ 1 ] 必须写
===========================获取节点所有的子节点====================
<div id="box" class="div" style="width: 30px;height: 50px;" name="nana">我是一个文本节点<!--我是注释节点-->
<span name="nana" class="div">我是一个span标签</span>
</div>
var oDivChilds = oDiv.childNodes;
console.log( oDiv.attributes );
{0: name, 1: class, name: name, class: class}
===========================获取元素节点的属性节点====================
var oDivAttris = oDiv.attributes;
console.log( oDivAttris[0].nodeName,oDivAttris[0].nodeValue,oDivAttris[0].nodeType);
name nana 2
js DOM节点
原文地址：https://www.cnblogs.com/wang1ming/p/10235906.html