節點的層次結構
nodeType節點的型別
1 元素節點 //nodeType=1
2 屬性節點
3 文本節點 //nodeType=3
4 注釋節點 //nodeType=8
nodeName 節點的名稱（標簽名稱）
nodeValue 節點值
元素節點的nodeValue始終是null
父子結構：
父：parentNode //父節點只有一個，所以不加s 獲取父節點：box.parentNode
子：childNodes //一般子節點有很多，所以是復數 獲取子節點：box.childNodes
兄弟節點： 下一個兄弟節點：box.nextSibling 上一個兄弟節點：box.previousSibling 下一個兄弟元素：box.previousSibling，如果當前元素已經是最后一個，就回傳null 上一個兄弟元素：box.previousSibling
子元素：children
判斷當前子節點是否為元素節點：nodeType屬性為1
<div id="box" age=12> <span>123</span> <!-- sdsd? --> </div> <script type="text/javascript"> var box = document.getElementById('box'); //判斷當前節點是否為元素節點 for(i=0,i<box.childNodes.length,i++){ node = box.childNodes[i]; if(node.nodeType === 1){ console.log(node) } } </script>
只 獲取所有子元素：
box = document.getElementById('box'); console.log(box.children)
獲取第一個子節點：box.firstChild //包含文本節點
獲取第二個子節點：box.lastChild //包含文本節點
獲取第一個子元素：box.firstElementChild //需處理兼容性問題
var ul = getFirstElementChild()
void 是運算子，執行void后面的運算式，并始侄訓傳undefined
<a herf="javascript : void(0)"></a>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/285953.html
標籤：其他
下一篇：陣列的reduce方法詳細解