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 @ 2022-04-18 10:58  罗砂  阅读(87)  评论(0)    收藏  举报