ループ内の要素をすべて書き換えたい

例えばforeach内のテキストを、innerHTMLですべて書き換えたい場合の方法

hoge.php

@foreach($hoges as $hoge)
  <p class="rewrite">これから変更されます</p>
@endforeach

hoge.js

  var target = document.getElementsByClassName("rewrite")
  for(var i = 0; i < target.length; i++){
    target[i].innerHTML = "<p>すべて変更されました〜</p>"
  }