JavaScript可以很方便地通过代码在HTML文档中创建新的元素。创建新元素的方式可以分为两种:使用document.createElement()方法创建新元素,或者使用innerHTML属性将HTML代码插入到现有元素中。下面将分别对这两种方式进行详细介绍,并通过例子展示如何使用它们。
使用document.createElement()方法创建新元素
使用document.createElement()方法创建新元素是最常用的方式之一。这个方法可以创建任何HTML元素,并返回这个元素的引用,使得我们可以通过JavaScript来操作和修改这个元素的属性。下面是一个简单的例子,演示如何使用document.createElement()方法创建一个新的`
`元素,并将其添加到文档中:
```
点击下面的按钮创建新的div元素:
```
在这个例子中,我们首先创建一个`