So verwenden Sie insertBefore in Javascript

In JavaScript wird die Methode insertBefore() verwendet, um einen neuen Knoten in den DOM-Baum einzufügen. Diese Methode erfordert zwei Parameter: den neuen Knoten, der eingefügt werden soll, und den Referenzknoten (d. h. den Knoten, an dem der neue Knoten eingefügt wird).

Hier ist ein einfaches Beispiel für die Verwendung der Methode 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 diesem Beispiel erhalten wir zunächst einen Verweis auf ein übergeordnetes Element (in diesem Fall lautet die ID „übergeordnet“). . Dann haben wir ein neues div-Element erstellt und ihm Textinhalte hinzugefügt. Schließlich verwenden wir die Methode insertBefore(), um das neue Element vor dem ersten untergeordneten Element des übergeordneten Elements einzufügen.

Beachten Sie, dass die Methode insertBefore() die Struktur des DOM-Baums ändert. Wenn Sie die ursprüngliche DOM-Struktur nicht ändern möchten, können Sie erwägen, die Methoden appendChild() oder insertBefore() zu verwenden, um neue Knoten hinzuzufügen.

Das obige ist der detaillierte Inhalt vonSo verwenden Sie insertBefore in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!