节点操作之第一个子元素和最后一个子元素

  <body>
    <ul>
      <li>1</li>
      <li>2</li>
      <li>3</li>
      <li>4</li>
      <li>5</li>
    </ul>
  </body>
  <script>
    let ul = document.querySelector("ul");
    // 2.children 实际开发的写法  既没有兼容性问题又返回第一个子元素
    console.log(ul.children[0]); //获取第一个子元素节点
    console.log(ul.children[ul.children.length - 1]); //获取最后一个元素节点
  </script>

posted @ 2022-04-18 11:20 罗砂阅读(37) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· 节点操作之父节点

· 元素操作之创建和添加节点

· ## 节点操作：子节点(标准：parentNode.childNodes、非标准：parentNode.childrens、parentNode.firstChild、parentNode.lastChild)

· 节点操作(大集合)

· DOM第二章节点操作

公告

昵称：罗砂
园龄： 2年11个月
粉丝： 8
关注： 10

+加关注

2025年3月

日

一

二

三

四

五

六

0722tian

节点操作之第一个子元素和最后一个子元素

公告

搜索

常用链接

随笔分类

随笔档案

阅读排行榜

推荐排行榜