JavaScript实现向OL列表内动态添加LI元素的方法

本文将向你展示如何使用JavaScript动态地向一个有序列表（OL）中添加列表项（LI）。通过以下的实例，我们可以深入理解JavaScript操作HTML元素的技巧。

在Web开发中，我们经常需要动态地更新页面的内容。这里，我们将创建一个简单的场景：用户在一个输入框中输入物品名称，然后点击“添加”按钮，该物品就会被添加到购物清单的有序列表中。

我们需要HTML结构来呈现我们的表单和列表。表单包含一个输入框和一个按钮，用于输入和添加新的列表项。有序列表用于显示购物清单。

接下来是JavaScript部分。我们定义了一个名为`addItem`的函数，该函数获取输入框中的值，创建一个新的列表项元素，并将文本节点添加到新元素中。它将新创建的列表项添加到有序列表中。

以下是具体的代码实现：

```html

购物清单:

``` 当你输入物品名称并点击“添加”按钮时，新的列表项就会被添加到有序列表中。希望这个实例能帮助你理解如何使用JavaScript动态地操作HTML元素。如果你有任何疑问或需要进一步的帮助，请随时提问。