JavaScriptでinsertBeforeを使用する方法

JavaScript では、insertBefore() メソッドを使用して、DOM ツリーに新しいノードを挿入します。このメソッドには、挿入される新しいノードと参照ノード (つまり、新しいノードが挿入されるノード) の 2 つのパラメータが必要です。

#次は、insertBefore() メソッドの基本的な使用例です。

#

// 获取要插入新节点的父节点  
var parentElement = document.getElementById('parent');  
  
// 创建新的元素节点  
var newElement = document.createElement('div');  
newElement.innerHTML = 'This is the new element';  
  
// 使用insertBefore方法插入新元素  
var referenceElement = parentElement.firstChild;  // 参考节点为父节点的第一个子节点  
parentElement.insertBefore(newElement, referenceElement);

# #In この例では、最初に親要素への参照を取得します (この例では ID は「parent」です)。次に、新しい div 要素を作成し、それにテキスト コンテンツを追加しました。最後に、insertBefore() メソッドを使用して、親要素の最初の子要素の前に新しい要素を挿入します。

insertBefore() メソッドは DOM ツリーの構造を変更することに注意してください。元の DOM 構造を変更したくない場合は、appendChild() メソッドまたは insertBefore() メソッドを使用して新しいノードを追加することを検討できます。

以上がJavaScriptでinsertBeforeを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。