「document.write()」は、HTML5非推奨なので、できれば使用を避けましょう。今回は、その代替案として、「.js」ファイル内に「document.getElementById("id").innerHTML」を使う方法を解説します。
まずは、古い方法のおさらいをします。
<script type="text/javascript">sample();</script>
function sample(){
var html = "";
html += '<p>一行目</p>';
html += '<p>二行目</p>';
document.write(html);
}
以下、「document.write()」を使用しない代替案です。
<div id="new"></div>
window.onload = function(){
var html = "";
html += '<p>一行目</p>';
html += '<p>二行目</p>';
document.getElementById("new").innerHTML = html;
}