- 父节点(parent node)
- 子节点(child node)
- 兄弟节点(sibling)
节点树的节点彼此拥有层级关系,Node类型使用如下属性关联节点树上的内阁节点对象:
HTML
hello
标题一
- 查看全部
JavaScript
// 按节点关系查找
// parentNode 父节点
// childNodes 父节点集合
// firstNode 第一个子节点
// lastNode 最后一个子节点
// previousSibling 前一个兄弟节点
// nextSilbing 下一个兄弟节点
//查看body的父节点
console.log(document.body.parentNode) // html
//查看HTML的直接子节点
console.log(document.documentElement.childNodes) // 类数组集合
console.log(document.documentElement.childNodes[0]) //
console.log(document.documentElement.childNodes[1]) //
console.log(document.documentElement.childNodes[2]) //
// 查看 body 的直接子节点
console.log(document.body.childNodes)
// 查看body下的span
console.log(document.body.firstChil