getElementsByTagName("li")是获取同一级的li元素还是里面全部的li元素

var f=document.getElementsByClassName("ul3")[0].getElementsByTagName("li")

  • 海鲜部
    •             </ul>
        </li>
        <li>食品部
            <ul class="ul5">
                <li> 
                    <img src="1.jpg" class="tu"></li>
                    <li> <img src="2.jpg" class="tu"></li>
                    <li> <img src="3.jpg" class="tu"></li>
                    <li> <img src="4.jpg" class="tu"></li>
                    <li> <img src="5.jpg" class="tu"></li>
                    <li> <img src="6.jpg" class="tu"></li>
                    
                    
                </ul>
        </li>
        <li>非食品部
            <ul class="ul5">
                <li> 
                    <img src="1.jpg" class="tu"></li>
                    <li> <img src="2.jpg" class="tu"></li>
                    <li> <img src="3.jpg" class="tu"></li>
                    <li> <img src="4.jpg" class="tu"></li>
                    <li> <img src="5.jpg" class="tu"></li>
                    <li> <img src="6.jpg" class="tu"></li>
                    
                    
                </ul>
        </li>
        <li>蔬果部
            <ul class="ul5" >
                <li> 
                    <img src="1.jpg" class="tu"></li>
                    <li> <img src="2.jpg" class="tu"></li>
                    <li> <img src="3.jpg" class="tu"></li>
                    <li> <img src="4.jpg" class="tu"></li>
                    <li> <img src="5.jpg" class="tu"></li>
                    <li> <img src="6.jpg" class="tu"></li>
                    
                    
                </ul>
        </li>
        <li>服装部
            <ul class="ul5">
                <li> 
                    <img src="1.jpg" class="tu"></li>
                    <li> <img src="2.jpg" class="tu"></li>
                    <li> <img src="3.jpg" class="tu"></li>
                    <li> <img src="4.jpg" class="tu"></li>
                    <li> <img src="5.jpg" class="tu"></li>
                    <li> <img src="6.jpg" class="tu"></li>
                    
                    
                </ul>
        </li>
        <li>社区
            <ul class="ul5" >
                <li> 
                    <img src="1.jpg" class="tu"></li>
                    <li> <img src="2.jpg" class="tu"></li>
                    <li> <img src="3.jpg" class="tu"></li>
                    <li> <img src="4.jpg" class="tu"></li>
                    <li> <img src="5.jpg" class="tu"></li>
                    <li> <img src="6.jpg" class="tu"></li>
                    
                    
                </ul>
        </li>
        <li>服务
            <ul class="ul5">
                <li> 
                    <img src="1.jpg" class="tu"></li>
                    <li> <img src="2.jpg" class="tu"></li>
                    <li> <img src="3.jpg" class="tu"></li>
                    <li> <img src="4.jpg" class="tu"></li>
                    <li> <img src="5.jpg" class="tu"></li>
                    <li> <img src="6.jpg" class="tu"></li>
                    
                    
                </ul>
        </li>

document.getElementsByClassName("ul3")[0]下全部的li元素

里面全部的li元素

getElementsByTagName("li") 获取所有 。你这个是 class未ul3 [0]下的 。

你这里是ul3底下的，取决于前面xxx.getElementsByTagName()

基于问题， 给予建议

  1. 首先理解getElementsByTagName 这个词的意义 表述的是通过标签的名字获取元素的集合
  2. 其次，首先是一个集合，就是出来的是一个伪数组，不具有真正数组的相对于方法，除了具有length之外
  3. 再次， 按照你写的这个var f=document.getElementsByClassName("ul3")[0].getElementsByTagName("li")，而言，已经指定了对应的父级的class，所以获取到的li的集合是对应ul3下面的所有li

如有帮助 望点赞采纳

你自己打印下不是就很清楚吗？