前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >javascript当中如何用children和firstElementChild做遍历

javascript当中如何用children和firstElementChild做遍历

作者头像
马克java社区
修改2021-01-22 11:04:44
6350
修改2021-01-22 11:04:44
举报
文章被收录于专栏:java大数据

如何用children和firstElementChild做遍历 例 1.4 <HTML> <head>     <meta http-equiv="content-type" content="text/html; charset=utf-8"/> </HEAD> <BODY> <!--马克-to-win:像后面的很多XML文件,结构都比较整齐,不会说孩子里面又有div容器又有textNode,毕竟谁写XML,会给自己制造那么些麻烦呢?比如 <div id="contain">     <div id="ia">aa </div>     abc     <div id="ia">a </div> </div>, 上章的document.all[]也是返回所有的element.  --> <div id="contain">     <div id="ia">aa</div>     <div id="ia">a </div>     <div id="ib">b</div> </div> <script> var ps = document.getElementById("contain") if(ps.children) { var oFirst= ps.firstElementChild;    oFirsta = ps.children[0];//children是一种很好的兼容写法 alert(oFirst===oFirsta); var oLast = ps.lastElementChild; oLasta = ps.children[ps.children.length-1]; alert(oLast===oLasta); var oNext = oFirst.nextElementSibling;                                   var oPre = oNext.previousElementSibling;     alert(oFirst.firstChild.nodeValue);     alert(oLast.firstChild.nodeValue);     alert(oNext.firstChild.nodeValue);     alert(oPre.firstChild.nodeValue); } </script> </BODY> </HTML>

更多请见:https://blog.csdn.net/qq_43650923/article/details/102813629

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文系转载前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
容器服务
腾讯云容器服务(Tencent Kubernetes Engine, TKE)基于原生 kubernetes 提供以容器为核心的、高度可扩展的高性能容器管理服务,覆盖 Serverless、边缘计算、分布式云等多种业务部署场景,业内首创单个集群兼容多种计算节点的容器资源管理模式。同时产品作为云原生 Finops 领先布道者,主导开源项目Crane,全面助力客户实现资源优化、成本控制。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档