[解決済み] javascriptでphpのecho/printに相当するものはありますか？

質問

scriptタグの中からhtmlを表示させたいとします。

このようなソース

<div>foo</div>
<script>
print('<div>Print this after the script tag</div>');
</script>
<div>bar</div>

スクリプトが実行された後、ブラウザでは次のように表示されます。

<div>foo</div>
<script>
print('<div>Print this after the script tag</div>');
</script>
<div>Print this after the script tag</div>
<div>bar</div>

このために自分でコードを書くこともできますが、私にはとても簡単な問題のように見えるので、私が何かを見落としているか、私の考え方に何らかの欠陥があって意図的に印刷が省かれているかのどちらかだと思います。

また、やや関連しますが スクリプトが、それを囲むスクリプトタグを認識している（または認識させることができる）かどうかを知りたいのです。この情報があれば、印刷されたhtmlコードが注入される位置を見つけるのがずっと簡単になります（それが強く推奨されていないと仮定して）。

はっきり言うと、print関数を書いてもらう必要はありません。ただ、これを実現するネイティブな方法が存在し、私がそれを見逃しているのか、あるいは、それを実行してはいけない理由を知る必要があるだけなのです。

EDIT 質問をよく考えていないことに気づきました。

事実を整理して、今はほとんどすべてが動いているようです。印刷機能はテンプレート内で必要だと最初に言っておくべきだったのですが、私はテンプレートエンジンの実験に取り組んでいます。スクリプトをプレーンなhtmlから分離し、スクリプトを除いた分割htmlをスクリプト出力に連結することで何とかなりました。

コードを書いているうちに、jsの非同期性のために、すべてがそんなにスムーズにいかないことに気づきました。phpでできるように、テンプレートであらゆる種類のjsマジックができると思っていたようです。実際にテンプレート内で非同期コードをフールプルーフでサポートするには、もう少し考える必要があるようです。

どのように解決するのか？

を使用する必要があります。 document.write()

<div>foo</div>
<script>
document.write('<div>Print this after the script tag</div>');
</script>
<div>bar</div>

この方法は、文書を書いている途中の場合にのみ機能することに注意してください。 ドキュメントがレンダリングされた後 document.write() は、ドキュメントをクリアして、新しいドキュメントを書き始めます。 このような使い方をする場合は、この質問に対する他の回答を参照してください。