一,根据关系找节点
- 获得父节点:parentNode
- 获得子节点:childNodes
- 获得第一个节点:firstChild
- 获得最后一个节点:lastChild
- 获得前一个节点:previousSibling
- 获得后一个节点:nextSibling
<div id="content">
<h2 id="title1">第一个子节点</h2>
<br/>
<h2 id="title2">中间节点</h2>
<br/>
<h2 id="title3">最后一个节点</h2>
</div>
</body>
<script>
let title = document.getElementById('title2');
let fatherNode = title.parentNode;
console.log(fatherNode);
let content = document.getElementById('content');
console.log(content.childNodes);
console.log(content.firstChild);
console.log(content.lastChild);
console.log(title.previousSibling);
console.log(title.nextSibling);
</script>