このコードをhtml -fileからjs -fileに移動したいのですが、HTMLコードを文字列として入力しなくてもこれを行うことができますか？text/template inside js-file？
<script type="text/template" id="template_test">
<h4>Test</h4>
<p>blablabla</p>
</script>
ありがとう！
createElement関数を使用してHTML要素を作成することはできますが、たくさんのコードを移動する場合は、テンプレートエンジンを使用することを検討する必要があります。
// Create the <h4> element
var heading = document.createElement("h4");
// add the text
heading.textContent = "TEST";
// Create the text node <p>
var p = document.createTextNode("blablabla");
//get the element to which you want to append the h4 and p
var container = document.getElementById("myID");
// Append h4 and p
container.appendChild(heading);
container.appendChild(p);
なぜあなたはいくつかのHTMLコードをJavaScriptファイルに入れますか？ – LordNeo
@LordNeo今、私のすべてのテンプレートは私の唯一のHTMLファイルに置かれていますが、それらのテンプレートのすべてのコードは複数のJSファイルに分割されています。 JSファイルにHTMLコードを入れると、物事はもっと構造化されます。 – Tompina
JavascriptファイルはJSコード用です。いくつかのhtmlを置くことができますが、それは非ネイティブな方法（文字列またはオブジェクトとして）になります。より小さなPHPファイルでHTMLファイルを分割し、includeオプションを使用してすべてをスティッチすることをお勧めします。 HTMLまたはJSのどちらもテンプレートエンジンではなく、PHPは（またはその）ものです。難しいのは、HTMLをJSオブジェクトに分割してサイトに置くことですが、あまりにも多くの負荷がかかると思います。 – LordNeo