Méthode HTML DOM Element insertAdjacentElement()

Définition et utilisation

insertAdjacentElement() La méthode insère l'élément à la position spécifiée.

Positions valides :

Valeur Description
afterbegin Après le début de l'élément (premier élément fils).
afterend Après l'élément.
beforebegin Avant l'élément.
beforeend Avant la fin de l'élément (dernier élément fils).

Exemple

Exemple 1

Insérer un élément span après le titre :

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("afterend", span);

Essayez-le vous-même

Exemple 2

Utilisation de "afterbegin":

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("afterbegin", span);

Essayez-le vous-même

Exemple 3

Utilisation de "beforebegin":

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("beforebegin", span);

Essayez-le vous-même

Exemple 4

Utilisation de "beforeend":

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("beforeend", span);

Essayez-le vous-même

Syntaxe

element.insertAdjacentElement(position, element)

ou

node.insertAdjacentElement(position, element)

Paramètres

Paramètres Description
position

Obligatoire. Position par rapport à l'élément :

  • afterbegin
  • afterend
  • beforebegin
  • beforeend
element L'élément à insérer.

Le navigateur supporte

Tous les navigateurs le supportent element.insertAdjacentElement()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support Support Support Support Support Support