javascriptで取得した変数の値をHTMLで扱う方法について

Question

###前提・実現したいこと
基本的なことで申し訳ないのですが、
タイトルにも書いてあるように、javascriptで得た変数を<script>の外であるHTMLで扱う場合、どういった表記をすればいいのでしょうか？

下記にあるjavascriptで得たtest_tableを、htmlの2行目の「テスト」の部分に入れたいです。

###該当のソースコード

//省略
var test_table="";
      test_table+="<table>";

      for (var i = 0; i < 100; i++) {
        test_table+=
        "<tr><td>"+
        (i+1)+
        "</td><td>"+
        rows1[i]+
        "</td></tr>";
      }
      test_table+="</table>";
//省略

  <div id="con1" class="modal-content">
          <p>テスト</p>
          <p><a class="modal-close">閉じる</a></p></div>
           <a data-target="con1" class="modal-open">リンク</a>