如何使用JS获取所有ul下的第三个li

可以使用以下代码获取：

// 获取所有的ul元素
var ulList = document.getElementsByTagName("ul");

// 循环遍历每个ul元素，获取第三个li元素
for (var i = 0; i < ulList.length; i++) {
  var liList = ulList[i].getElementsByTagName("li");
  if (liList.length >= 3) {
    var thirdLi = liList[2];
    console.log(thirdLi);
  }
}

上述代码先获取了页面中所有的ul元素，然后循环遍历每个ul元素，获取其中的li元素，最后获取第三个li元素并输出到控制台中。如果某个ul元素中没有第三个li元素，则不会输出任何内容。

相关问题

js 利用点击事件获取到了当前的标签 如何删除当前标签 ul li中 如何操作 找到第三个li并删除

可以使用`addEventListener`函数为需要删除的元素绑定点击事件，然后在事件处理函数中获取到当前的标签，并从DOM树中删除它。对于`ul`和`li`标签，可以使用`querySelector`或`getElementById`等方法获取它们的引用，然后使用`removeChild`方法删除指定的子元素。

以下是一个示例代码，可以实现找到第三个`li`并删除它：

<ul id="myList">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
</ul>

<script>
var myList = document.getElementById("myList");
var thirdLi = myList.getElementsByTagName("li")[2];

thirdLi.addEventListener("click", function() {
  myList.removeChild(thirdLi);
});
</script>

在上面的代码中，首先获取了`ul`元素的引用，然后使用`getElementsByTagName`方法获取到所有的`li`元素，并选择第三个元素。接着，为第三个`li`元素绑定了一个点击事件，当用户点击它时，就会从`ul`元素中删除它。

ul>li>ul>li>ul>li

可以使用类似以下的代码来生成 `ul>li>ul>li>ul>li` 这样的 HTML 结构：

// 创建外层ul元素
const outerUl = document.createElement("ul");

// 创建第一个li元素
const li1 = document.createElement("li");

// 创建内层ul元素
const innerUl1 = document.createElement("ul");

// 创建内层li元素
const innerLi1 = document.createElement("li");

// 创建内层ul元素
const innerUl2 = document.createElement("ul");

// 创建内层li元素
const innerLi2 = document.createElement("li");

// 创建内层ul元素
const innerUl3 = document.createElement("ul");

// 创建内层li元素
const innerLi3 = document.createElement("li");

// 将内层li元素添加到内层ul元素中
innerUl3.appendChild(innerLi3);

// 将内层ul元素添加到内层li元素中
innerLi2.appendChild(innerUl3);

// 将内层li元素添加到内层ul元素中
innerUl2.appendChild(innerLi2);

// 将内层ul元素添加到内层li元素中
innerLi1.appendChild(innerUl2);

// 将内层li元素添加到内层ul元素中
innerUl1.appendChild(innerLi1);

// 将内层ul元素添加到第一个li元素中
li1.appendChild(innerUl1);

// 将第一个li元素添加到外层ul元素中
outerUl.appendChild(li1);

// 将外层ul元素添加到body中
document.body.appendChild(outerUl);

这段代码会生成以下的 HTML 结构：

<ul>
  <li>
    <ul>
      <li>
        <ul>
          <li>
            <ul>
              <li></li>
            </ul>
          </li>
        </ul>
      </li>
    </ul>
  </li>
</ul>

需要注意的是，这种方式不是很常见，一般来说没有这么多层嵌套。而且这种方式比较繁琐，不太容易维护。如果需要生成多层嵌套的 HTML 结构，可以考虑使用递归的方式来实现。