如何更改列表项的innerHTML？

更改列表项的innerHTML可以通过以下步骤实现：

首先，获取要更改的列表项。可以通过使用JavaScript的DOM操作方法来获取列表项的引用。例如，可以使用getElementById()、getElementsByClassName()或querySelector()等方法来获取列表项的引用。
一旦获取到列表项的引用，就可以使用innerHTML属性来更改其内容。innerHTML属性可以用于获取或设置元素的HTML内容。通过将新的HTML内容分配给列表项的innerHTML属性，可以更改列表项的显示内容。

下面是一个示例代码，演示如何更改列表项的innerHTML：

<!DOCTYPE html>
<html>
<head>
  <title>Change List Item InnerHTML</title>
</head>
<body>
  <ul id="myList">
    <li id="item1">Item 1</li>
    <li id="item2">Item 2</li>
    <li id="item3">Item 3</li>
  </ul>

  <script>
    // 获取列表项的引用
    var listItem = document.getElementById("item2");

    // 更改列表项的innerHTML
    listItem.innerHTML = "New Content";

    // 输出更改后的列表项内容
    console.log(listItem.innerHTML);
  </script>
</body>
</html>

在上面的示例中，我们首先通过getElementById()方法获取了id为"item2"的列表项的引用。然后，通过将新的内容分配给listItem.innerHTML，我们将列表项的内容更改为"New Content"。最后，我们使用console.log()方法输出更改后的列表项内容。

这是一个基本的示例，你可以根据具体的需求和场景进行更改和扩展。