javascript当中如何用children和firstElementChild做遍历
如何用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
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗？
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句：使用策略模式优化代码结构
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义