为与其他div共享相同id的特定div替换innerhtml？

所以我做了很多研究，但仍然没有成功。我正在尝试替换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> 

var embedCode='newhtml在这里出现'；

这基本上是一个帖子模板，我将复制和粘贴它，并且只更改图像/代码。如果我只有一个帖子，一切都可以。但是，一旦我添加了另一篇文章，这两篇文章都将不起作用，因为它们都共享相同的embedCod名称和相同的div id。有没有不使用jQuery的解决方案

我试过使用

document.getElementById（this.id）.innerHTML=embedCode

而不是

document.getElementById（videocontainer）.innerHTML=embedCode

---

但它仍然不起作用。谢谢。

id

应该是唯一的。只需增加一个计数器或将post ID用作

ID

属性的一部分

---

为便于设置样式，还可以向其添加一个类，例如

。使用类进行样式设置，并为JS使用id。

id

应该是唯一的。只需增加一个计数器或使用post ID作为

ID

属性的一部分。可能使用QUOTES

document.getElementById（“videocontainer”）.innerHTML=//etc

@MarkParnell-如果我将post ID作为ID属性的一部分，那么我将如何更改每个ID的css？我是否应该像这样将css添加到行中，这样我就可以在我的博客继续增长时复制和粘贴相同的文本？因此我尝试使用Mark的建议，但我现在遇到了css问题。每个帖子的图像css必须相同。我目前正在css中使用#divID.imageClass{style}。由于divID现在是动态的，所以我所有的图像css将不再工作。有没有比为每一篇文章动态制作样式表更简单的方法呢？没有人有其他的解决方案吗？