js中添加元素的方法

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 = '
  Hello world!
  '

使用 insertAdjacentHTML() 方法：

• 在元素的指定位置插入 HTML 代码。
• 语法：element.insertAdjacentHTML(position, HTML code)
• 示例：element.insertAdjacentHTML('beforeend', '
  Hello world!
  ')

以上就是js中添加元素的方法的详细内容，更多请关注php中文网其它相关文章！