Metoda HTML DOM Element insertAdjacentElement()

Definicja i użycie

insertAdjacentElement() Metoda wstawia element w określonej pozycji.

Dopuszczalne pozycje:

Wartość Opis
afterbegin Za początkiem elementu (pierwszym podelementem).
afterend Za elementem.
beforebegin Przed elementem.
beforeend Przed zakończeniem elementu (ostatnim podelementem).

Przykład

Przykład 1

Wstawianie elementu span po tytule:

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

Spróbuj sam

Przykład 2

Użycie "afterbegin":

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

Spróbuj sam

Przykład 3

Użycie "beforebegin":

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

Spróbuj sam

Przykład 4

Użycie "beforeend":

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

Spróbuj sam

Gramatyka

element.insertAdjacentElement(position, element)

lub

node.insertAdjacentElement(position, element)

Parametry

Parametry Opis
position

Wymagane. Pozycja względna do elementu:

  • afterbegin
  • afterend
  • beforebegin
  • beforeend
element do wstawienia elementu.

obsługę przeglądarki

Wszystkie przeglądarki obsługują element.insertAdjacentElement()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie