JS DOM 第一个子节点，最后一个子节点 firstChild lastChild firstElementChild lastElementChild - Kaiqisan

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信息了

总结

没有总结，记就完了！

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！