ワードプレスのギャラリーでキャプションに任意のリンクを設置したいです。

Question

前提・実現したいこと

ワードプレスのギャラリーでキャプションに任意のリンクを設置したいです。
Javascriptでクラス要素を取得後、outerHTMLの書き換えでリンクを付与したところ、表示される要素の半分にしかリンクが適用されませんでした。

発生している問題・エラーメッセージ

取得したDOM配列のouterHTML要素を確認したところ、半分の要素しか取得できていませんでした。

該当のソースコード

<script>
  var x = document.getElementsByClassName("gallery-caption");
  for(var i=0;i<x.length;i++){
    x[i].outerHTML = `<a href="<?php echo get_home_url();?>/access">${x[i].innerText}</a>`;
  };
</script>

なぜでしょうか？

Answer 1

outerHTMLが悪さをしていたようです。
innerHTMLを書き換えるようにしたところ解決しました。