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

2023-07-20

JavaScriptでappend()メソッドと同様の機能を実装するためのサンプルコードを以下に示します。

function appendElement(parent, child) {
	parent.appendChild(child);
}

// 使用例
var parentElement = document.getElementById("parent");
var childElement = document.createElement("div");
childElement.textContent = "Hello, World!";
appendElement(parentElement, childElement);

上記のコードでは、appendElement()という関数を定義しています。この関数は、parentとchildという2つの引数を受け取ります。parentは親要素のDOMノードであり、childは追加する子要素のDOMノードです。

appendChild()メソッドは、指定したDOMノードを親要素の最後の子要素として追加します。appendElement()関数では、このメソッドを使用して子要素を追加しています。

使用例では、parentElementというIDを持つ要素を親要素とし、childElementという新しいdiv要素を作成しています。その後、appendElement()関数を使用して子要素を親要素に追加しています。子要素にはテキストコンテンツとして"Hello, World!"が設定されています。

このサンプルコードを実行すると、指定した親要素に子要素が追加されます。