在 web 开发中，<li> 标签用于定义无序列表（<ul>）或有序列表（<ol>）中的每一项。在 JavaScript 中，我们可以通过各种方法来操作和处理 <li> 元素。
创建 <li> 元素
要创建一个新的<li> 元素，可以使用 document.createElement() 方法。下面是一个示例代码：
-- -------------------- ---- ------- -- ------ ---- -- --- -------- - ----------------------------- -- -- ---- ------- -------------------- - ---- ---- ------ -- - ---- ----------- --- ---- - ---------------------------------- ---------------------------
在上面的代码中，我们首先创建了一个新的 <li> 元素，然后设置了该元素的文本内容，并最后将它添加到一个具有 id 为 'myList' 的列表中。
获取 <li> 元素
要获取现有的 <li> 元素，可以使用 document.getElementById() 或 document.querySelector() 方法。下面是一个示例代码：
// 通过 id 获取 <li> 元素
var listItem = document.getElementById('myListItem');
// 通过选择器获取 <li> 元素
var listItem = document.querySelector('li');在上面的代码中，我们通过 id 或选择器来获取现有的 <li> 元素。
修改 <li> 元素
可以通过修改 <li> 元素的属性或内容来对其进行修改。下面是一个示例代码：
// 获取 <li> 元素
var listItem = document.getElementById('myListItem');
// 修改 <li> 元素的文本内容
listItem.textContent = 'Updated List Item';
// 修改 <li> 元素的样式
listItem.style.color = 'red';在上面的代码中，我们获取了一个现有的 <li> 元素，并修改了它的文本内容和样式。可以根据需要修改 <li> 元素的其他属性。
删除 <li> 元素
要删除现有的 <li> 元素，可以使用 removeChild() 方法。下面是一个示例代码：
// 获取要删除的 <li> 元素
var listItem = document.getElementById('myListItem');
// 从父元素中移除 <li> 元素
listItem.parentNode.removeChild(listItem);在上面的代码中，我们首先获取要删除的 <li> 元素，然后从其父元素中移除该元素。
这就是关于 <li> 元素的一些常用操作方法。希望这个章节能够帮助你更好地理解如何在 JavaScript 中处理和操作 <li> 元素。
| 属性 | 描述 |
|---|---|
| value | 设置或返回一个列表项的 value 属性的值。 |