jQueryのappendTo()をJavaScriptで実装するサンプルコード

2023-07-24

jQueryのappendTo()メソッドは、指定した要素を別の要素の子要素として追加する機能を持っています。同様の機能をJavaScriptで実装するには、以下のようなサンプルコードを使用することができます。

// 親要素と子要素を取得
var parentElement = document.querySelector('#parentElement');
var childElement = document.querySelector('#childElement');

// 子要素を親要素に追加
parentElement.appendChild(childElement);

上記のコードでは、querySelector()メソッドを使用して親要素と子要素を取得し、appendChild()メソッドを使用して子要素を親要素に追加しています。querySelector()メソッドは、CSSセレクタを使用して要素を取得するため、#を使用してidによる要素の特定を行っています。この部分を適宜変更して、自身の要件に合わせた要素を取得してください。

なお、上記のコードは単純な例であり、複数の要素を操作する場合や追加する位置を制御する場合など、より複雑な操作を行う場合には追加の処理が必要になるかもしれません。