仅应用于一个div的JavaScript

我有两个级别相同的div

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

奇怪的是，我在变量html上使用的JavaScript只应用于第一个div，而不应用于第二个div。 有什么问题吗？

---

提前感谢。

从末尾删除索引[0]以选择所有div，如下所示

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

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

或者使用如下循环：

var html=document.getElementsByClassNamehtml-code； 对于html中的i{ html[i].innerHTML=div+i； }

---

您可以这样尝试：

var html=document.getElementsByClassNamehtml-code； Array.prototype.forEach.callhtml，functionel{ el.style.backgroundColor=绿色； }; .html代码{ 宽度：100px； 高度：100px； 边缘底部：2px； 边框：1px实心ccc； }

---

要回答您的问题，请在执行此操作时：

document.getElementsByClassName("html-code");

响应是一个类似数组的对象，称为then

---

谢谢你的帮助

通过添加两个变量和两个函数，我最终解决了这个问题

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

html.onclick = function() {
// My JavaScript function
}

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

html.onclick = function() {
// Same function as above
}

这对我有用。

---

我知道，如果有两个div具有相同的类，我们必须添加两个函数。

getElementByClassName将提供具有匹配类名的元素集合GetElementsByClassName返回与选择器匹配的元素集合，因此在本例中，所有具有类名html代码的元素都将返回。然后，[0]获取该集合中的第一个元素。这样代码就得到了第一个匹配的元素。如果将其更改为[1]，则会得到第二个，依此类推。你想做什么？你错过了吗在索引之前？我希望函数同时应用于divs和what函数？发布您试图对元素执行的操作。

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

html.onclick = function() {
// My JavaScript function
}

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

html.onclick = function() {
// Same function as above
}

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

html.onclick = function() {
// My JavaScript function
}

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

html.onclick = function() {
// Same function as above
}