Comment utiliser insertBefore en javascript

En JavaScript, la méthode insertBefore() est utilisée pour insérer un nouveau nœud dans l'arborescence DOM. Cette méthode nécessite deux paramètres : le nouveau nœud à insérer et le nœud de référence (c'est-à-dire le nœud où le nouveau nœud sera inséré).

Voici un exemple basique d'utilisation de la méthode 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);

Dans cet exemple, nous obtenons d'abord une référence à un élément parent (l'ID est 'parent' dans ce cas) . Ensuite, nous avons créé un nouvel élément div et y avons ajouté du contenu textuel. Enfin, nous utilisons la méthode insertBefore() pour insérer le nouvel élément avant le premier élément enfant de l'élément parent.

Notez que la méthode insertBefore() modifiera la structure de l'arborescence DOM. Si vous ne souhaitez pas modifier la structure DOM d'origine, vous pouvez envisager d'utiliser la méthode appendChild() ou insertBefore() pour ajouter de nouveaux nœuds.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!