javascript - 我如何使用 document.getElementById ("mydiv") 编辑具有相同 ID 的多个 div

Question

我有的是

<script>
function myFunction()
{
document.getElementById("post").style.backgroundColor="#ECF6A4";
}
</script>
<button onclick="myFunction()">Change Post Color</button>

在页面中有多个 id="post"的 div，但是当我保存代码并尝试它时，它只会更改页面上 id="post"的第一个 div 的背景，而不是任何其他人。

我尝试了 getElementsById 但没有成功，这就是我能想到的。

对此有任何简单的修复吗？

Answer 1

同一页面上具有相同 ID 的多个 div 是无效标记，重复的 ID 无效。

所以请使用类因此

getElementsByClassName()

遍历它们