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

2023-07-26

jQueryのbefore()メソッドは、指定した要素の直前に新しい要素を挿入するためのものです。以下は、JavaScriptでbefore()メソッドを実装するサンプルコードです。

// 要素を挿入する前の要素を取得
var targetElement = document.getElementById("target-element");

// 挿入する新しい要素を作成
var newElement = document.createElement("div");
newElement.textContent = "新しい要素";

// 挿入操作を実行
targetElement.parentNode.insertBefore(newElement, targetElement);

上記のコードでは、target-elementというIDを持つ要素の直前に新しい<div>要素を挿入しています。新しい要素の内容はtextContentプロパティを使用して設定しています。

このJavaScriptコードは、jQueryのbefore()メソッドと同じように、指定した要素の直前に新しい要素を挿入する効果を持ちます。