153: 获取DOM元素(下)

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;