时间戳

首页 > 解决方案 > javascript将文本添加到多个元素

javascript - javascript将文本添加到多个元素

问题描述

是否可以使用 javascript 向多个元素添加文本？

这是原创内容。

<div class="container">I am Arun</div>
<div class="container">I am Arun</div>
<div class="container">I am Arun</div>

当您使用 javascript 添加文本时会发生这种情况。

<div class="container">Hello, I am Arun</div>
<div class="container">Hello, I am Arun</div>
<div class="container">Hello, I am Arun</div>

我尝试在网上搜索答案，很多人提到了以下方法。

.createTextNode()
.insertAdjacentText()
.insertAdjacentHTML()
Node.textContent

但它们不能应用于多个元素，即document.getElementsByClassName('container').

请问我的理解是否正确？提前感谢任何帮助！

标签： javascript

解决方案

使用document.querySelectorAll。

我的建议：

var divs = document.querySelectorAll(".container");

for (var i = 0; i < divs.length; i++) {
  divs[i].innerHTML = "Hello, " + divs[i].innerHTML;
}
<div class="container">I am Arun</div>
<div class="container">I am Arun</div>
<div class="container">I am Arun</div>

关于document.querySelectorAll：https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelectorAll

推荐阅读