JavaScriptで要素を複製・追加する主なメソッド - Qiita

はじめに JavaScriptでのインデックス管理に慣れていなかったため、理解を深める目的で各メソッドを比較・整理しました。つまずいた点や、Vue.js・Reactで同様の処理を実装する際の例もまとめています。 DOMとは？ DOM（ドム）とは、Document Object Model（ドキュメント・オブジェクト・モデル）の略で、簡単に言うと、 Webページの構造をプログラムで操作できるようにした「設計図」や「操作マニュアル」のようなものです。 HTMLはただの「静的な文章」ですが、DOMはそれをJavaScriptなどのプログラムが理解できる形に変換したものです。 DOMはツリー構造（階層構造）で表現され、各HTML要素は「ノード」として扱われます イメージ図 役割 例え