let a = document.querySelector(".father");
1. 获取指定节点的第一个子节点: a.firstChild; 返回找到的节点, 如果找不到就返回null;
2. 获取指定元素的第一个子元素: a.firstElementChild; 返回找到的元素, 如果找不到就返回null;
3. 获取指定节点的最后一个子节点: a.lastChild; 返回找到的节点, 如果找不到就返回null;
4. 获取指定元素的最后一个子元素: a.lastElementChild; 返回找到的元素, 如果找不到就返回null;
5. 通过子元素获取父元素\父节点:
let b = document.querySelector(".son");
b.parentElement;
b.parentNode;
let parentEle = b.parentElement || b.parentNode; (以前兼容写法)
6. 获取相邻的上一个节点: b.previousSibling;
7. 获取相邻的上一个元素: b.previousElementSibling;
8. 获取相邻的下一个节点: b.nextSibling;
9. 获取相邻的下一个节点: b.nextElementSibling;
