JavaScript 将文本附加到 div

如果您想要将文本动态地添加到您的网页中，JavaScript 可以帮助您实现这一目标。在本文中，我们将介绍如何使用 JavaScript 将文本附加到 div 元素中。

步骤

1. 获取要附加文本的 div 元素

let myDiv = document.querySelector('#myDiv');

2. 创建一个文本节点

let myText = document.createTextNode('这是我的文本。');

3. 将文本节点附加到 div 元素中

myDiv.appendChild(myText);

完整代码如下：

let myDiv = document.querySelector('#myDiv');
let myText = document.createTextNode('这是我的文本。');
myDiv.appendChild(myText);

解释

在上面的步骤中，我们使用了 document.querySelector() 方法来获取我们要附加文本的 div 元素。我们还使用了 document.createTextNode() 方法来创建一个新的文本节点，并将其存储在变量 myText 中。

最后，我们使用 appendChild() 方法将文本节点附加到 div 元素中。此方法会将新添加的文本置于 div 元素的末尾。

注意事项

• 如果您希望将文本添加到 div 元素的开头而不是末尾，可以使用 insertBefore() 方法。
• 如果您希望动态地更改 div 元素中的现有文本，则可以将 textContent 属性设置为新的字符串。