JavaScript设置div的文本

在JavaScript中，我们可以使用以下几种方式来设置div的文本内容。

1. 使用innerHTML属性

使用innerHTML属性可以设置一个div元素的HTML内容。

document.getElementById("myDiv").innerHTML = "Hello World!";

注意：使用innerHTML属性会重新渲染div元素及其子元素，因此请确保内容是安全的。

2. 使用innerText或textContent属性

使用innerText或textContent属性可以设置div元素中的纯文本内容。

document.getElementById("myDiv").innerText = "Hello World!";

document.getElementById("myDiv").textContent = "Hello World!";

注意：innerText属性在某些情况下可能会导致意外行为，因此建议在设置纯文本内容时使用textContent属性。

3. 创建文本节点并附加到div元素

使用document.createTextNode()函数可以创建一个文本节点，然后使用appendChild()函数将其附加到div元素上。

var textNode = document.createTextNode("Hello World!");
document.getElementById("myDiv").appendChild(textNode);

这种方式可以在不重新渲染整个div元素的情况下设置其内容。

以上就是JavaScript设置div的文本内容的几种方式。我们可以根据实际情况选择其中任意一种。