HTML DOM 导航指的是在文档中移动和定位到不同的元素或节点。HTML DOM 提供了一系列属性和方法，可以帮助你在文档中进行导航和定位。
以下是一些常见的 HTML DOM 导航属性和方法：
- parentNode：获取节点的父节点。
var parent = element.parentNode; - childNodes：获取节点的所有子节点，返回一个 NodeList 对象。
var children = element.childNodes; - firstChild：获取节点的第一个子节点。
var firstChild = element.firstChild; - lastChild：获取节点的最后一个子节点。
var lastChild = element.lastChild; - nextSibling：获取节点的下一个兄弟节点。
var nextSibling = element.nextSibling; - previousSibling：获取节点的上一个兄弟节点。
var previousSibling = element.previousSibling; - querySelector()：通过 CSS 选择器定位文档中的元素。
var element = document.querySelector("#myElement"); - getElementById()：通过元素的 ID 属性定位文档中的元素。
var element = document.getElementById("myElement"); - getElementsByClassName()：通过元素的类名定位文档中的元素。
var elements = document.getElementsByClassName("myClass"); - getElementsByTagName()：通过元素的标签名定位文档中的元素。
var elements = document.getElementsByTagName("div");
通过这些属性和方法，你可以在 HTML 文档中轻松地进行导航和定位，从而访问和操作所需的元素节点。