МетодElement.append() вставляетузлы илистроки с текстом в конецElement.Строки с текстом вставляются кактекстовое содержимое.

Отличия от методаNode.appendChild():

• МетодElement.append() позволяет вставлятьстроки с текстом, в то время какNode.appendChild() работает только сузлами.
• При вызове методElement.append() ничего не возвращает, в то время какNode.appendChild() возвращает вставленныйузел.
• С помощьюElement.append() можно вставить сразу несколько узлов или строк текста, в то время какNode.appendChild() умеет вставлять по одной сущности за раз.

Синтаксис

append(...nodesOrDOMStrings);

Аргументы

nodesOrDOMStrings

Один или несколькоузлов илистрок с текстом, которые необходимо вставить.

Исключения

HierarchyRequestErrorDOMException

Случается, когда узел не может быть вставлен в существующую иерархию элементов.

Примеры

Вставка элемента

let div = document.createElement("div");let p = document.createElement("p");div.append(p);console.log(div.childNodes); // NodeList [ <p> ]

Вставка текста

let div = document.createElement("div");div.append("Какой-то текст");console.log(div.textContent); // "Какой-то текст"

Вставка и текста, и элемента сразу

let div = document.createElement("div");let p = document.createElement("p");div.append("Какой-то текст", p);console.log(div.childNodes); // NodeList [ #text "Какой-то текст", <p> ]

Область видимости метода нерасширяема

Методappend() не работает с операторомwith. Подробнее читайте в справке поSymbol.unscopables.

let div = document.createElement("div");with (div) {  append("foo");}// ReferenceError: append is not defined

Спецификации

Совместимость с браузерами

Смотрите также

• Element.prepend()
• Node.appendChild()
• Element.after()
• Element.insertAdjacentElement()
• NodeList