English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Objet JavaScript

Manuel de référence JavaScript

Manuel de référence JS DOM

Méthode insertAdjacentElement() de HTML DOM

Objet Element HTML DOM

insertAdjacentElement()La méthode insère un élément de nœud donné à une position donnée par rapport à l'élément appelé.

Syntaxe :

element.insertAdjacentElement(position, element)
var span = document.getElementsByTagName("span")[0];
var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentElement("afterend", span);
Vérifiez et voyez‹/›

Compatibilité du navigateur

Les nombres dans le tableau indiquent la première version de navigateur qui prend en charge intégralement la méthode insertAdjacentElement() :

Méthode
insertAdjacentElement()Est48EstEst8

Valeur du paramètre

ParamètreDescription
positionLa position par rapport à l'élément.
Valeurs valides :

  • «afterbegin»-Après le début de l'élément (en tant que premier élément fils)

  • «afterend»-Après l'élément

  • «beforebegin»-Avant l'élément

  • «Before end»-Avant la fin de l'élément (en tant que dernier élément fils)

elementL'élément que vous souhaitez insérer

Détails techniques

Valeur de retour :L'élément inséré ; si l'insertion échoue, il est retournénull.
Exceptions :

  • SyntaxError-La position spécifiée n'est pas une valeur reconnue

  • TypeError-L'élément spécifié n'est pas un élément valide

Plus d'exemples

Utiliser la valeur "beginbegin":

var span = document.getElementsByTagName("span")[0];
var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentElement("afterbegin", span);
Vérifiez et voyez‹/›

Utilisation de la valeur "beforebegin" :

var span = document.getElementsByTagName("span")[0];
var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentElement("beforebegin", span);
Vérifiez et voyez‹/›

Utilisation de la valeur "beforeend" :

var span = document.getElementsByTagName("span")[0];
var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentElement("beforeend", span);
Vérifiez et voyez‹/›

Références associées

Référence HTML DOM :elementMéthode .insertAdjacentHTML()

Référence HTML DOM :elementMéthode .insertAdjacentText()

Référence HTML DOM :nodeMéthode .insertBefore()

Référence HTML DOM :nodeMéthode .appendChild()

Objet Element HTML DOM

Objet History JavaScriptObjet Element HTML DOM