innerHTMLによって値は置き換わるが、表示が上書きされず列挙される

Question

前提・実現したいこと

表題のとおりですが、表示する場所を1箇所のみに固定したいです。

該当のソースコード

ディレクトリは以下のようになっています。

flask_app
├ app.py
├ static
│ ├ css
│ └ js
└ templates
  └ index.html

      <div id = "test"></div>
      {% for item in rows %}
      <script>
        var x = {{item|tojson}};
        var elem = document.getElementById("test");
        elem.innerHTML=document.write(x)
      </script>
      {% endfor %}

app.pyから配列rowsを値渡しし、xの値は変わりますが以下の通り値が下に列挙され続けます。

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

0.9957042746245861
0.9996902529674117
0.7194661200046539
0.9997030695376452
0.9999996055534837
0.9999996172154226

よろしくお願いいたします。

Answer 1

document.writeはここに限らず使うことは無いので、忘れてしまいましょう。

// elem.innerHTML=document.write(x)
//                ↓
   elem.innerHTML=x;

Comments

[Espeon-No.196]

解決しました！ありがとうございます助かりました！！