节点的介绍:
元素 --- html文档中所有的 标签 都是元素
节点 --- html文档中所有的 内容 都是节点,包含了标签,文本,属性
节点和元素的相关层级关系:
1.获取父级节点和父级元素
parentNode --- 父级节点
parentElement --- 父级元素
2.获取子节点和子元素
childNodes --- 子节点
children --- 子元素
3.获取第一个子节点和子元素
firstChild --- 第一个子节点
firstElementChild --- 第一个子元素
4.获取最后一个子节点和子元素
lastChild --- 最后一个子节点
lastElementChild --- 最后一个子元素
5.获取该元素的前一个兄弟节点和兄弟元素
previousSibling --- 前一个兄弟节点
previousElementSibling --- 前一个兄弟元素
6.获取该元素的后一个兄弟节点和兄弟元素
nextSibling --- 后一个兄弟节点
nextElementSibling --- 后一个兄弟元素