Méthode HTML DOM insertAdjacentElement()
Exemple
Déplacez un élément span après l'élément header :
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("afterend",
s);
Définition et utilisation
La insertAdjacentElement()
méthode insère un élément spécifié dans une position spécifiée.
Les valeurs de la position légale sont :
"afterbegin"
"afterend"
"beforebegin"
"beforeend"
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la méthode.
Method | |||||
---|---|---|---|---|---|
insertAdjacentElement() | Yes | 8 | 48 | Yes | Yes |
Syntaxe
node.insertAdjacentElement(position, element)
Valeurs des paramètres
Parameter | Type | Description |
---|---|---|
position | String | Required. A position relative to the element. Legal values: "afterbegin" - After the beginning of the element (as the first child) "afterend" - After the element "beforebegin" - Before the element "beforeend" - Before the end of the element (as the last child) |
element | HTML Element | The element you want to insert |
Plus d'exemples
Exemple
Utilisation de la valeur "afterbegin":
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("afterbegin",
s);
Exemple
Utilisation de la valeur "beforebegin":
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("beforebegin",
s);
Exemple
Utilisation de la valeur "beforeend":
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("beforeend",
s);