js如何如何获取li

获取 li 元素有以下方法：使用 getelementbyid 获取具有唯一 id 的 li 元素。使用 getelementsbyclassname 获取具有指定类名的 li 元素。使用 queryselector 根据 css 选择器获取 li 元素。使用 queryselectorall 获取所有与选择器匹配的 li 元素。使用 parentelement.getelementsbytagname 从已知的父元素中获取 li 元素。使用 childnodes 从已知的父元素中遍历子节点，以

如何在 JavaScript 中获取 li

获取 li 元素是 JavaScript 中一项常见的任务，可以通过以下方法实现：

1. 使用 getElementById

如果 li 元素具有唯一的 id，可以使用 getElementById 方法：

const li = document.getElementById('my-li');

2. 使用 getElementsByClassName

如果 li 元素具有一个或多个类名，可以使用 getElementsByClassName 方法：

const liList = document.getElementsByClassName('my-li');

3. 使用 querySelector

querySelector 方法可以根据 CSS 选择器获取元素，包括 li：

const li = document.querySelector('li');

4. 使用 querySelectorAll

querySelector 方法的复数形式，可以获取所有与选择器匹配的元素：

const liList = document.querySelectorAll('li');

5. 使用 parentElement.getElementsByTagName

如果已知父元素，可以使用 parentElement.getElementsByTagName 方法：

const ul = document.getElementById('my-ul');
const liList = ul.getElementsByTagName('li');

6. 使用 childNodes

如果已知父元素，可以使用 childNodes 属性遍历子节点：

const ul = document.getElementById('my-ul');
const liList = ul.childNodes; // 返回 NodeList 对象

// 遍历子节点
for (let i = 0; i