appendChild()

Обновлено: 16.03.2023

Визначення та використання

Метод appendChild()додає вузол (елемент) як останній дочірній елемент елемента.

Синтаксис

element.appendChild(node)
або
node.appendChild(node)

Параметри

ParameterDescription
nodeRequired.
The node to append.

Повернене значення

Типопис
ВузолДоданий вузол.


Приклад

Для створення абзацу з текстом.

  • Створіть елемент абзацу
  • Створіть текстовий вузол
  • Додайте текстовий вузол до абзацу
  • Додайте абзац до документа.

Створіть елемент <p> і додайте його до елемента <div>:

const para = document.createElement("p");
const node = document.createTextNode("This is a paragraph.");

para.appendChild(node);
document.getElementById("myDIV").appendChild(para);

Створіть елемент <p> і додайте його до тіла документа:

const para = document.createElement("P");
const node = document.createTextNode("This is a paragraph.");

para.appendChild(node);
document.body.appendChild(para);

Підтримка браузера

appendChild

Посмотреть совместимость на Can I use?

appendChild