JavaScript 提供多种添加元素的方法：appendChild()：将元素追加为子元素。insertBefore()：在指定元素前插入新元素。createElement()：创建新 HTML 元素。createTextNode()：创建文本节点。innerHTML 属性：直接插入 HTML 代码。insertAdjacentHTML()：在指定位置插入 HTML 代码。
JavaScript 中添加元素的方法
在 JavaScript 中，页面中的元素可以通过以下方法进行添加：
appendChild() 方法：
- 将指定元素作为子元素添加到另一个元素的末尾。
- 语法：
parent.appendChild(child) - 示例：
document.body.appendChild(newElement)
insertBefore() 方法：
- 在指定元素之前插入一个新元素。
- 语法：
parent.insertBefore(newElement, referenceElement) - 示例：
document.body.insertBefore(newElement, existingElement)
createElement() 方法：
- 创建一个新的 HTML 元素。
- 语法：
document.createElement(tagName) - 示例：
const newElement = document.createElement('div')
createTextNode() 方法：
- 创建一个文本节点。
- 语法：
document.createTextNode(text) - 示例：
const textNode = document.createTextNode('Hello world!')
使用 innerHTML 属性：
- 将 HTML 字符串直接插入到元素中。
- 语法：
element.innerHTML = 'HTML code' - 示例：
document.body.innerHTML = '<div>Hello world!</div>'
使用 insertAdjacentHTML() 方法：
- 在元素的指定位置插入 HTML 代码。
- 语法：
element.insertAdjacentHTML(position, HTML code) - 示例：
element.insertAdjacentHTML('beforeend', '<div>Hello world!</div>')
