JavaScript可以很方便地通過代碼在HTML文檔中創建新的元素。創建新元素的方式可以分為兩種:使用document.createElement()方法創建新元素,或者使用innerHTML屬性將HTML代碼插入到現有元素中。下面將分別對這兩種方式進行詳細介紹,并通過例子展示如何使用它們。
使用document.createElement()方法創建新元素
使用document.createElement()方法創建新元素是最常用的方式之一。這個方法可以創建任何HTML元素,并返回這個元素的引用,使得我們可以通過JavaScript來操作和修改這個元素的屬性。下面是一個簡單的例子,演示如何使用document.createElement()方法創建一個新的`
`元素,并將其添加到文檔中:
```
點擊下面的按鈕創建新的div元素:
```
在這個例子中,我們首先創建一個`