## 父子節點 父節點只有一個,子節點有很多個. ## childNodes 返回子節點,包含空白元素. ``` <div id="box"> <span>span標簽</span> <p>p標簽</p> <!--這里是注釋--> </div> <script> var box = document.getElementById('box'); // console.log(box.childNodes); //獲取到所有子節點,包含注釋節點 for (let i = 0; i < box.childNodes.length; i++) { var node = box.childNodes[i]; if (node.nodeType === 1) { console.log(node); //找到所有子節點 } } console.log(box.parentNode); //找到父節點 console.log(box.children) //獲取所有子元素 </script> ```