===========================元素節點? 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
?