js怎么向html中的某个标签添加内容？举个简单能动的例子

在JavaScript中，你可以通过多种方式向HTML元素添加内容。以下是两种常见的方法：

innerHTML：这个属性用来获取或替换HTML元素的内容。
appendChild()：这个方法用来向节点添加最后一个子节点。
以下是一个简单的例子，展示了如何使用这两种方法：

假设你有这样一个HTML结构：

你可以通过以下JavaScript代码来向div元素添加内容：

// 使用 innerHTML 添加内容

document.getElementById(“content”).innerHTML = “

Hello, World!

”;

// 使用 appendChild 添加内容

var newElement = document.createElement(“p”); // 创建一个新的 p 元素

var newText = document.createTextNode(“Hello, Universe!”); // 创建文本节点

newElement.appendChild(newText); // 将文本节点添加到 p 元素中

document.getElementById(“content”).appendChild(newElement); // 将 p 元素添加到 div 中

在这个例子中，innerHTML首先用

Hello, World!

替换div的内容。然后appendChild()创建一个新的

元素，并将其作为新的子节点添加到div中，使得最终的div内容包括两个段落。

在实际应用中，你只需要将JavaScript代码放入

作者：http://xkrj5.com 纯原创首发，转载保留版权！！！