ThatManK Mobile Article
首尾节点
<!DOCTYPE html>
<html lang="en">
<head></head>
<body>
<ol>
<li>我是li1</li>
<li>我是li2</li>
<li>我是li3</li>
<li>我是li4</li>
<li>我是li5</li>
</ol>
<script>
var ol = document.querySelector("ol");
// 1. firstChild 第一个子节点 不管是文本节点还是元素节点
console.log(ol.firstChild); // 换行
console.log(ol.lastChild); // 换行
// 2. firstElementChild 返回第一个子元素节点 ie9才支持
console.log(ol.firstElementChild); // <li>我是li1</li>
console.log(ol.lastElementChild); // <li>我是li5</li>
// 3. 实际开发的写法 既没有兼容性问题又返回第一个子元素
console.log(ol.children[0]); // // <li>我是li1</li>
console.log(ol.children[ol.children.length - 1]); // <li>我是li5</li>
</script>
</body>
</html>