これらすべてのメソッドは挿入したノードを返します。通常は返却値は使わず、単にメソッドを実行するだけです。これらは古代から存在し、多くの古いスクリプトで見ることができます。残念なことに、それらでは解決するのが難しい作業がいくつかあります。すべて実行可能ですが、エレガントな方法ではありません。したがって、簡単にすべてのケースを処理する2つの挿入メソッドセットが存在します。与えられたノードまたは文字列で置き換えます。これらのメソッドを使用して、リストに項目を追加し、項目の前後にテキストを追加する例を次に示します。<li>append</li></ol>afterこれらのメソッドは1回の呼び出しで複数のノードやテキストのリストを挿入できます。するように、文字列は安全な方法で挿入されています。ノードまたはテキストを挿入するためにのみ使うことができます。elem.insertAdjacentHTML(where、html)。挿入されるHTML文字列です。id="div"></div><p>Bye</p>これは任意のHTMLをページに追加できる方法です。これは挿入バリエーションの図です:これと前の図との類似点は簡単に気づけます。挿入ポイントは実際には同じですが、このメソッドはHTMLを挿入します。同じ構文ですが、要素を挿入します。するために存在します。これらはより短く書くことができ、ノード/テキストの部分を挿入することが可能です。</div>`);</script>ノードのクローン:cloneNode似たようなメッセージを複数挿入するにはどうすればよいでしょう?我々は関数を実行してコードをそこに置くことができました。し、その中のテキストを変更することです(必要な場合)。大きな要素を持っているケースで、この方法がより速くシンプルになる場合があります。クローンを作成します。呼び出すと、子要素なしのクローンが作られます。2つ目のメソッドの方がはるかに短いのが分かると思います。1つ目のメソッドは歴史的な理由で存在しています。古い場所からそれを除去する必要はありません。ページに書き込みます。文字列は動的に生成することができるので、柔軟性があります。JavaScriptを使用して本格的なWebページを作成し、それを書き出すことができます。それは、それを使っているスクリプトがあるので、まだ生きています。現代のスクリプトでは、重要な制限があるためほとんど見かけません。document.writeの呼び出しはページがロードされている間だけ動作しますもしその後に呼び出した場合、既存のドキュメントのコンテンツが削除されます。段階では利用できません。呼び出されると、それは何かを追加し、ブラウザは最初と同じようにそれを消費します。驚くほど速く動作します。DOMがまだビルドされていない間、それは直接ページテキストに書き込み、ブラウザは生成時にそれをDOMを挿入します。HTMLの動的に多くのテキストを追加する必要があり、またページをロードするフェーズであること、速度を考慮する必要がある場合にはそれは役立ちます。実際にはこれらの要件が一緒に来ることは殆どありません。通常、このメソッドを見るときは、単に古いスクリプトだからと言う理由です。要素をクローンします。場合、すべての子孫も含みます。