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

最新推荐文章于 2023-04-06 16:52:30 发布

仔仔尔

最新推荐文章于 2023-04-06 16:52:30 发布

阅读量463

点赞数

分类专栏： javascript 文章标签： nextElementSibling previousElementSibling firstChild nodeValue children firstElementChild firstElementChild

原文链接：https://blog.csdn.net/mark_to_win/article/details/88680590

版权

javascript 专栏收录该内容

73 篇文章 0 订阅

订阅专栏

如何用children和firstElementChild做遍历
例 1.4
<HTML>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
</HEAD>
<BODY>

<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>

仔仔尔

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
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文件，...
复制链接

扫一扫