Méthode insertAdjacentText() de l'élément HTML DOM

Définition et utilisation

insertAdjacentText() La méthode insère du texte à la position spécifiée.

Positions légitimes :

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 du texte après l'élément de titre :

const h2 = document.getElementById("myH2");
let text = "Mon texte inséré";
h2.insertAdjacentText("afterend", text);

Essayez-le vous-même

Exemple 2

Utilisation de "afterbegin":

const h2 = document.getElementById("myH2");
let text = "Mon texte inséré";
h2.insertAdjacentText("afterbegin", text);

Essayez-le vous-même

Exemple 3

Utilisation de "beforebegin":

h2.insertAdjacentText("beforebegin", text);

Essayez-le vous-même

Exemple 4

Utilisation de "beforeend":

h2.insertAdjacentText("beforeend", text);

Essayez-le vous-même

Syntaxe

element.insertAdjacentText(position, text)

ou

node.insertAdjacentText(position, text)

Paramètres

Paramètres Description
position

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

  • afterbegin
  • afterend
  • beforebegin
  • beforeend
text Le texte à insérer.

Support du navigateur

Tous les navigateurs le supportent element.insertAdjacentText()：

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