js获取子节点的方法
1、通过获取DOM方式直接获取子节点
其中price为父标签id的值,div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候按数组的形式访问即可,如var a = document.getElementById("price").getElementsByTagName("div")[0] 返回的是数组里面的第一个元素。
var a = document.getElementById("price").getElementsByTagName("div");
2、通过childNodes 获取子节点
childNodes返回的是子节点的集合,也是数组的格式,不过它会把换行和空格也当成节点信息,不推荐使用。
var b =document.getElementById("price").childNodes;
3、通过children来获取子节点
children获取子元素是最好用的,它返回的也是一个数组,并且会过滤掉一些不必要的信息,如换行、空格等。
var c = document.getElementById("price").children;
4、通过firstChild获取第一个子节点
firstChild和childNodes类似,浏览器在解析它的时候的时候会把换行和空格一起解析,不推荐使用
var d = document.getElementById("price").firstChild;
5、通过firstElementChild获取第一个子节点
使用firstElementChild来获取第一个子元素,可直接获取第一个子元素,并不会将换行和空格一起解析
var e = document.getElementById("price").firstElementChild;
6、获取最后一个子节点
1.lastChild
2.lastElementChild
lastChild获取最后一个子节点的方式其实和firstChild是类似的。同样的lastElementChild和firstElementChild也是一样的。不再赘余。
var f = document.getElementById("price").lastChild;
var g = document.getElementById("price").lastElementChild;
————————————————
版权声明:本文为CSDN博主「Utopian_x」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/Utopian_x/article/details/120386398
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek “源神”启动!「GitHub 热点速览」
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· DeepSeek R1 简明指南:架构、训练、本地部署及硬件要求
· 2 本地部署DeepSeek模型构建本地知识库+联网搜索详细步骤