First, sorry I'm not good with javascript.

HTML:

```
<div id="Comment-ID">
   <p class="Comment-class">...</p>
   <p class="Comment-class">...</p>
   <p class="Comment-class">...</p>
   <p class="Comment-class">...</p>
 </div>

```

Javascript:

```
<script type='text/javascript'>
function autoloadmore() {
  var loadmoreClass = document.getElementsByClassName(&quot;loadmore&quot;)[0];
  var loadmoreChild = loadmoreClass.querySelector(&#39;a&#39;)

  if (loadmoreClass) {
    loadmoreChild.click();
  }
}
//<![CDATA[
function InsertarImagenVideo(id) {
var IDelemento = document.getElementById(id),
sustituir = IDelemento.innerHTML;
sustituir = sustituir.replace(/\[img\](.[^\]]*)\[\/img\]/ig, "<img class='img-comentarios' src='$1'\/>");
document.getElementById(id).innerHTML = sustituir;
}
//]]>

window.onload = function() {
  autoloadmore();
  setTimeout(function(){
    InsertarImagenVideo('Comment-ID');
  },3000);
};
</script>

```

`InsertarImagenVideo` replaces some text inside with an image. Instead of `Comment-ID`, I want to target what inside `p` elements using `Comment-class`.

Note: The HTML can't be changed.

Can someone please help me with this?