getElementsByTagName获取某类标签元素

 

 

 

 

复制代码
 <body>
    <ul>
      <li>知否知否0</li>
      <li>知否知否1</li>
      <li>知否知否2</li>
      <li>知否知否3</li>
      <li>知否知否4</li>
      <li>知否知否5</li>
    </ul>
    <ol id="ol1">
      <li>张三1</li>
      <li>李四2</li>
      <li>王五3</li>
    </ol>
  </body>
  <script>
    // 返回的是  获取过来元素对象的集合   以伪数组的恶刑事存储的
    var lis = document.getElementsByTagName("li");
    console.log(lis);
    console.log(lis[0]);
    // 2.我们想要依次打印里面的元素对象我们可以采取遍历的方式
    for (var i = 0; i < lis.length; i++) {
      console.log(lis[i]);
    }
    // 3.如果页面只有一个li  返回的还是伪数组的形式
    // 4.如果页面中没有这个元素返回的空的伪数组的形式
    //5.element.ElementsByTagName('标签名')
    var ol = document.getElementsByTagName("ol");
    // 获取ol里面的li
    console.log(ol1.getElementsByTagName("li"));
  </script>
复制代码

 

posted @   罗砂  阅读(74)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
点击右上角即可分享
微信分享提示