如何使用getelementsbytagname提取LI值

getElementsByTagName是一种DOM方法，用于通过标签名获取HTML文档中的元素节点。在前端开发中，可以使用getElementsByTagName提取LI（列表项）的值。

使用getElementsByTagname提取LI值的步骤如下：

获取包含LI元素的父元素，可以是一个具体的HTML元素或整个文档的根元素。
使用getElementsByTagName方法传入参数"li"，获取所有的LI元素节点。
遍历获取到的LI元素节点列表，可以使用for循环或forEach方法。
在遍历过程中，通过访问每个LI元素节点的innerText或textContent属性，可以获取到LI的值。

以下是一个示例代码：

// 获取包含LI元素的父元素
var parentElement = document.getElementById("parentElementId");

// 使用getElementsByTagName获取所有的LI元素节点
var liElements = parentElement.getElementsByTagName("li");

// 遍历LI元素节点列表
for (var i = 0; i < liElements.length; i++) {
  // 获取LI的值
  var liValue = liElements[i].innerText || liElements[i].textContent;
  console.log(liValue);
}

在这个示例中，我们假设通过getElementById获取到了一个具体的父元素，其id为"parentElementId"。然后使用getElementsByTagName方法获取所有的LI元素节点，并通过遍历获取每个LI元素节点的值。

应用场景：