appendChild()
Обновлено: 16.03.2023
Визначення та використання
Метод appendChild()
додає вузол (елемент) як останній дочірній елемент елемента.
Синтаксис
element.appendChild(node)
або
node.appendChild(node)
Параметри
Parameter | Description |
node | Required. 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);