JS DOM firstChild lastChild firstElementChild lastElementChild
ヤッハロー、Kaiqisanすうう、一つふつうの学生プログラマである,这次讲的四个方法还是比较简单的，而且也很实用，也希望大家能够看完之后马上记住这些方法。
firstChild: 获取当前节点的第一个子节点，它等同于
Obj.childNodes[0]
所以它的过程是获取当前节点到所有的子节点，然后取第一个节点返回
firstElementChild: 获取当前节点的第一个(非文本类型的)子节点，它等同于
Obj.children[0]
过程同上。
lastChild : 获取当前节点的最后一个子节点，它等同于
Obj.childNodes[Obj.childNodes.length - 1]
firstElementChild： 获取当前节点的最后一个(非文本类型的)子节点，它等同于
Obj.children[Obj.children.length - 1]
实例
<ul class="list">dsdsd<li>标题<div class="demo2">🐖🐖 🐖 🐖 🐖🐖🐖div><div class="demo">appdiv>li><li>Samli><li>Lilyli>
ul>
let a = document.getElementsByClassName('list')[0]
console.log(a.firstElementChild)
// 输出结果为
// 标题
// 🐖🐖 🐖 🐖 🐖🐖🐖
// app
//
// 为Node类型数据,此时已经成功获取了第一个li标签的DOM信息了
总结
没有总结，记就完了！