按类名捕获元素并向其添加 innerHTML答案

【问题标题】：Catching an element by class name and adding innerHTML to it按类名捕获元素并向其添加 innerHTML
【发布时间】：2023-01-25 22:50:04
【问题描述】：

我在获取元素类名时遇到了麻烦。现在我终于设法做到了，但我似乎无法向其中添加 innerHTML 。

我在现有元素中添加引号。这就是我设法获取类名的方式，因为没有其他方法 getElementsByClassName 不起作用：

var elements = document.getElementsByClassName('name-of-element');
for(var i=0; i<elements.length; i++) { 

}

我尝试将我拥有的两个脚本结合起来：

var elements = document.getElementsByClassName('name-of-element');
for(var i=0; i<elements.length; i++) { 
  elements.innerHTML = 'the change I am trying to make';

}

我尝试更改“elements.innerHTML”的“元素”，但还没有想出任何可行的方法。

任何帮助是极大的赞赏！

【问题讨论】：

你能正确格式化你的代码吗？
只需添加 elements[i].innerHTML
通过循环中的索引 elements[i].innerHTML = 'the change I am trying to make'; 访问每个元素

标签： javascript innerhtml getelementsbyclassname

【解决方案1】：

您需要在循环中使用 elements[i] ，它不起作用，因为您试图将它添加到 html 集合而不是特定元素。

var elements = document.getElementsByClassName('name-of-element');

for(var i=0; i<elements.length; i++) {
  elements[i].innerHTML = 'the change I am trying to make';
}

<div class='name-of-element'></div>
<div class='name-of-element'></div>
<div class='name-of-element'></div>
<div class='name-of-element'></div>
<div class='name-of-element'></div>

【讨论】：