1.获取第一个子节点

parentNode.firstChild
firstChild返回第一个子节点,找不到则返回null。同样,也是包含所有的节点。

2.获取最后一个子节点

parentNode.lastChild
firstChild返回最后一个子节点,找不到则返回null。同样,也是包含所有的节点。

3.获取第一个元素子节点

parentNode.firstElementChild
注意:有兼容性问题,IE9以上才支持

4.获取左后一个元素子节点

parentNode.lastElementChild
注意:有兼容性问题,IE9以上才支持

5.实际开发中考虑兼容性问题

parentNode.children[0]
parentNode.children[parentNode.children.length-1]

.