JavaScript 仅适用于一个 div

Question

我有两个具有相同类别的 div。

<div class="html-code"></div>
<div class="html-code"></div>

我将 JavaScript 添加到了类中。 我采用了这样的变量。

var html = document.getElementsByClassName("html-code")[0];

奇怪的是，我在变量 html 上运行的 JavaScript 仅适用于第一个 div，而不适用于第二个。 可能是什么问题呢？ 提前致谢。

Answer 1

您可以尝试以下方法:

var html = document.getElementsByClassName("html-code");

Array.prototype.forEach.call(html, function(el) {
  el.style.backgroundColor = "green";
});

.html-code {
  width: 100px;
  height: 100px;
  margin-bottom: 2px;
  border: 1px solid #ccc;
}

<div class="html-code"></div>
<div class="html-code"></div>