この例では新しい<div> を生成し、"div1" の id の要素の前に挿入します
<body> <div id="div1">上記のテキストは動的に作成されています。 <br>The text above has been created dynamically.</div>document.body.onload = addElement,;function addElement () { // 新しい div 要素を作成します var newDiv = document.createElement("div"); // いくつかの内容を与えます var newContent = document.createTextNode("ドキュメント.クリエイトテキストノード欄に追加された文字列です。[記者会見を行いました]>後からここに追加文字列を書きました"); // テキストノードを新規作成した div に追加します newDiv.appendChild(newContent); // DOM に新しく作られた要素とその内容を追加します var currentDiv = document.getElementById("div1"); document.body.insertBefore(newDiv, currentDiv); //追加したい親要素.insertBefore( 追加する要素, どこの前に追加するのか );}