为什么这个小javascript不起作用？

我在一个页面上有多个id为myDiv的div实例。我想替换这些div的内容。当我使用此javascript时：

function replaceContent(id, content) {
    var container = document.getElementById(id);
    container.innerHTML = content;
}

replaceContent('myDiv', 'hello there');


<div id="myDiv"></div>
<div id="myDiv"></div>
<div id="myDiv"></div>

---

它只替换其中一个div中的内容，而不是所有div中的内容。如果改用jquery的.html函数，它将替换所有div的内容。有什么方法可以让上面的js以相同的方式工作吗？

id值必须是唯一的-不能有多个同名id并更新所有id。

id值必须是唯一的-不能有多个同名id并更新所有id

---

我在一个页面上有多个id为myDiv的div实例

这就是你做错的地方。不能将ID分配给页面上的多个元素-它必须是唯一的

它只替换其中一个div中的内容，而不是所有div中的内容

发生这种情况的原因是，如果匹配了多个这样的元素，getElementById只返回第一个匹配的元素

要解决此问题，请为要定位的div分配一个类而不是ID，如果可以使用jQuery，请使用该类，假设class=myDiv：

---

我在一个页面上有多个id为myDiv的div实例

这就是你做错的地方。不能将ID分配给页面上的多个元素-它必须是唯一的

它只替换其中一个div中的内容，而不是所有div中的内容

发生这种情况的原因是，如果匹配了多个这样的元素，getElementById只返回第一个匹配的元素

要解决此问题，请为要定位的div分配一个类而不是ID，如果可以使用jQuery，请使用该类，假设class=myDiv：

---

ID必须是唯一的。您可以对所有div使用相同的类名，然后使用css选择器

<div id="div1" class="mydivs">blah</div>
<div id="div2" class="mydivs">blah123</div>

---

ID必须是唯一的。您可以对所有div使用相同的类名，然后使用css选择器

<div id="div1" class="mydivs">blah</div>
<div id="div2" class="mydivs">blah123</div>

---

id为myDiv的div的多个实例这就是你的问题所在！id应该是唯一的。如果您想要非唯一的东西，请使用类id为myDiv的div的多个实例，这就是您的问题所在！id应该是唯一的。如果您想要一些非唯一的东西，请使用class。在我看来，Jquery太好了。在我看来，Jquery太好了。这让编程失去了乐趣。

$('.mydivs').html("whatever");