html - 替换与其他 div 具有相同 id 的特定 div 的 innerhtml？

Question

所以我做了相当多的研究，但仍然没有得到这个工作。我正在尝试替换 div 的 innerhtml。我已经成功地让它与以下代码一起工作：

<script type="text/javascript">
    var embedCode = 'new html goes here';
</script>


<div id="videocontainer">
<img class="playButton" onclick="document.getElementById(videocontainer).innerHTML = embedCode;return false;" src=""/>
</div> 

这基本上是一个帖子模板，我将复制和粘贴它，并且只更改图像/embedCode。如果我只有 1 个帖子，一切正常。但是一旦我添加另一个帖子，两者都将无法工作，因为它们都共享相同的 embedCod 名称和相同的 div id。有没有不使用 jQuery 的解决方案？

我试过使用

document.getElementById(this.id).innerHTML = embedCode

代替

document.getElementById(videocontainer).innerHTML = embedCode

但它仍然无法正常工作。谢谢。

Answer 1

id应该是独一无二的。只需增加一个计数器或使用帖子 ID 作为id属性的一部分。

为了便于样式化，也为它们添加一个类，例如<div class="videocontainer" id="videocontainer1">. 使用该类进行样式设置，并为您的 JS 使用 id。