## 父子节点 父节点只有一个,子节点有很多个. ## 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> ```