添加和删除HTML节点的简单示例

操控HTML节点的添删：一个简单的实例

在网页开发中，我们经常需要动态地添加或删除HTML节点。下面是一个简单的示例，展示了如何使用JavaScript来添加和删除HTML节点。

网页上，我们有两个按钮：一个用于添加节点，另一个用于删除节点。还有一个div元素，其id为"result"，我们将在这个元素内添加或删除节点。

HTML部分代码如下：

```html

```

接下来是JavaScript部分：

```javascript

```

每当点击“添加节点”按钮时，就会执行appendnode函数，创建一个新的DIV元素，并将其添加到result div中。每次添加的DIV元素的内容都会包含计数器i的值，以确保每个DIV都是唯一的。

当点击“删除节点”按钮时，就会执行removenode函数，从result div中删除最后一个添加的节点。

这个示例展示了JavaScript操作DOM（文档对象模型）的基本方法，让我们能够在网页上动态地添加和删除HTML节点。