Метод insertAdjacentText() элемента HTML DOM

Определение и использование

insertAdjacentText() Метод вставляет текст в указанное положение.

Допустимые значения местоположения:

Значение Описание
afterbegin За началом элемента (первый подэлемент).
afterend За элементом.
beforebegin До элемента.
beforeend До конца элемента (последний подэлемент).

Пример

Пример 1

Вставка текста после элемента заголовка:

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

Попробуйте сами

Пример 2

Использование "afterbegin":

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

Попробуйте сами

Пример 3

Использование "beforebegin":

h2.insertAdjacentText("beforebegin", text);

Попробуйте сами

Пример 4

Использование "beforeend":

h2.insertAdjacentText("beforeend", text);

Попробуйте сами

Синтаксис

element.insertAdjacentText(position, text)

или

node.insertAdjacentText(position, text)

Параметры

Параметры Описание
position

Обязателен. Положение относительно элемента:

  • afterbegin
  • afterend
  • beforebegin
  • beforeend
text Текст для вставки.

Поддержка браузера

Все браузеры поддерживают element.insertAdjacentText()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка Поддержка