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中添加元素的方法的详细内容，更多请关注IT视界其它相关文章！