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

标签 javascript html css getelementbyid getelementsbytagname

我拥有的是

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

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

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

有什么简单的解决办法吗?

最佳答案

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

所以请使用类 因此

getElementsByClassName()

迭代它们

关于javascript - 如何使用 document.getElementById ("mydiv") 编辑具有相同 ID 的多个 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23226596/

相关文章:

javascript - CKEditor 中 RichCombo 框的动态菜单

c# - 如何在 C# (web) 中集中维护一个数学公式,以便在需要时进行更改?

javascript - 获取父类属性

jquery - 添加交替的行颜色和列分组颜色 - 可能吗?

javascript - 关闭 ebay javascript 警告

javascript - 使用base64数据在javascript中设置背景图像

html - 创建覆盖线条的标题 (CSS)

javascript - 如何分享弹窗的url?

javascript - IE 浏览器中的阴影(css3 htc 文件)

javascript - 当参数包含 html 标记时 Ajax 调用失败