在HTML DOM（文档对象模型）中，导航指的是在文档树中移动和定位元素的过程。通过导航，你可以访问元素的父节点、子节点、兄弟节点等。以下是一些常见的 HTML DOM 导航方法：

1. 父节点（Parent Node）

  •  parentNode： 获取元素的父节点。
  var parent = element.parentNode;

2. 子节点（Child Nodes）

  •  childNodes： 获取元素的所有子节点，包括元素节点、文本节点等。
  var children = element.childNodes;

  •  firstChild： 获取元素的第一个子节点。
  var firstChild = element.firstChild;

  •  lastChild： 获取元素的最后一个子节点。
  var lastChild = element.lastChild;

3. 兄弟节点（Sibling Nodes）

  •  nextSibling： 获取元素的下一个兄弟节点。
  var nextSibling = element.nextSibling;

  •  previousSibling： 获取元素的上一个兄弟节点。
  var previousSibling = element.previousSibling;

4. 子元素（Child Elements）

  •  children： 获取元素的所有子元素节点。
  var childElements = element.children;

  •  firstElementChild： 获取元素的第一个子元素节点。
  var firstElementChild = element.firstElementChild;

  •  lastElementChild： 获取元素的最后一个子元素节点。
  var lastElementChild = element.lastElementChild;

  •  nextElementSibling： 获取元素的下一个兄弟元素节点。
  var nextElementSibling = element.nextElementSibling;

  •  previousElementSibling： 获取元素的上一个兄弟元素节点。
  var previousElementSibling = element.previousElementSibling;

这些导航方法可以帮助你在文档中定位和移动元素。需要注意的是，childNodes 返回的是所有类型的节点，包括元素节点、文本节点、注释节点等。如果只关心元素节点，可以使用 children 或者 firstElementChild、lastElementChild、nextElementSibling、previousElementSibling 这类属性和方法。


转载请注明出处：http://www.zyzy.cn/article/detail/4355/HTML