===========================元素节点  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