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

?

轉載于:https://www.cnblogs.com/wang1ming/p/10235906.html

總結

以上是生活随笔為你收集整理的js DOM节点的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。