DOM 节点

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