Javascript 将文本添加到 li

在Web开发中，我们经常需要将文本动态添加到页面的不同部分，其中常常包括列表中的项（<li>）。通过Javascript可以轻松实现将文本添加到列表项中的操作。

准备工作

在开始之前，我们需要准备一个HTML代码包含一个列表，如下所示：

<ul id="myList">
  <li>第一项</li>
  <li>第二项</li>
  <li>第三项</li>
</ul>

将文本添加到列表项

在Javascript中，我们可以通过以下代码将文本添加到列表项中：

var newItem = document.createElement("li");
var textnode = document.createTextNode("这是新的列表项");
newItem.appendChild(textnode);
document.getElementById("myList").appendChild(newItem);

这段代码首先使用createElement()方法创建了一个新的列表项，然后使用createTextNode()方法创建了新的文本节点。接下来，使用appendChild()方法将文本节点添加到列表项中，并使用getElementById()方法找到<ul>元素，最终使用appendChild()将新的列表项添加到列表。

因此，现在我们的HTML代码如下：

<ul id="myList">
  <li>第一项</li>
  <li>第二项</li>
  <li>第三项</li>
  <li>这是新的列表项</li>
</ul>

总结

通过以上代码，我们可以实现在Javascript中将文本添加到列表项的操作。这对于需要动态添加内容的网页来说非常有用。需要注意的是，我们可以通过类似的方式在不同的元素中添加文本。