JS查找 HTML 父子的方法

查找 HTML 父子
方法介绍
方法 描述
元素节点.parentNode 返回元素的父节点。
元素节点.parentElement 返回元素的父元素。
元素节点.childNodes 返回元素的一个子节点的数组（包含空白文本Text节点）。
元素节点.children 返回元素的一个子元素的集合（不包含空白文本Text节点）。
元素节点.firstChild 返回元素的第一个子节点（包含空白文本Text节点）。
元素节点.firstElementChild 返回元素的第一个子元素（不包含空白文本Text节点）。
元素节点.lastChild 返回元素的最后一个子节点（包含空白文本Text节点）。
元素节点.lastElementChild 返回元素的最后一个子元素（不包含空白文本Text节点）。
元素节点.previousSibling 返回某个元素紧接之前节点（包含空白文本Text节点）。
元素节点.previousElementSibling 返回指定元素的前一个兄弟元素（相同节点树层中的前一个元素节点）。
元素节点.nextSibling 返回某个元素紧接之后节点（包含空白文本Text节点）。
元素节点.nextElementSibling 返回指定元素的后一个兄弟元素（相同节点树层中的下一个元素节点）。