Metoda insertAdjacentText() obiektu HTML DOM Element

Definicja i użycie

insertAdjacentText() Metoda wstawia tekst w określonym miejscu.

Dopuszczalne położenia:

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

Przykład

Przykład 1

Wstawianie tekstu za elementem tytułowym:

const h2 = document.getElementById("myH2");
let text = "My inserted text";
h2.insertAdjacentText("afterend", text);

Spróbuj sam

Przykład 2

Użycie "afterbegin":

const h2 = document.getElementById("myH2");
let text = "My inserted text";
h2.insertAdjacentText("afterbegin", text);

Spróbuj sam

Przykład 3

Użycie "beforebegin":

h2.insertAdjacentText("beforebegin", text);

Spróbuj sam

Przykład 4

Użycie "beforeend":

h2.insertAdjacentText("beforeend", text);

Spróbuj sam

Gramatyka

element.insertAdjacentText(position, text)

lub

node.insertAdjacentText(position, text)

Parametry

Parametry Opis
position

Wymagane. Położenie względem elementu:

  • afterbegin
  • afterend
  • beforebegin
  • beforeend
text Tekst do wstawienia.

Obsługa przeglądarek

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

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Wspierane Wspierane Wspierane Wspierane Wspierane Wspierane