**//childNodes 获取当前元素节点的所有子节点 **
var o=document.getElementById('box');
var o1=o.childNodes;
console.log(o1) //控制台显示div中的所有子节点，换行也属于节点（文本节点）
console.log(o1.length) //显示节点的个数
//通过找到的节点能修改内容
o1[1].innerHTML='today'
o1[3].innerHTML='tomorrow'
o1[5].innerHTML='yesterday'
//firstChild 获取当前元素的第一个子节点
console.log(o.firstChild) //结果为（#text）一个空文本
//lastChild 获取当前元素的最后一个子节点
console.log(o.lastChild) //结果为（#text）依然为空文本
//nextSibling 获取当前节点的后一个同级节点
console.log(o.firstChild.nextSibling)
//跟(firstChild)结合，结果为：（o）的第一个子节点的后一个，为：（today）
//previousSibling 获取当前节点的前一个同级节点
console.log(o.lastChild.previousSibling)
//跟(lastChild)结合，结果为：（o）的最后子节点的前一个，为：（yesterday）
//parentNode 获取当前节点的父节点
console.log(o.parentNode) //父节点为 <body>标签
8193
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
