Как работает метод append в js?

Question

Кирилл Ерохин · Accepted Answer

Метод ```append()``` в js вставляет узлы или строки текста **в конец** элемента, на котором он вызван:

``` javascript
const div = document.createElement("div");
const p = document.createElement("p");

// вставим текст в div
div.append("Какой-то текст");
console.log(div.childNodes); // NodeList [ text ];
console.log(div.textContent); // "Какой-то текст"

// затем вставим параграф в конец div
div.append(p);
console.log(div.childNodes); // NodeList [ text, p ];

// можно вставить сразу несколько узлов или строк текста
div.append(p, 'Еще текст');
console.log(div.childNodes); // NodeList [ text, p, p, text ];

```

При этом метод ```append()``` ничего не возвращает:

```javascript
const appended = div.append("слишком много текста", p);
console.log(appended); // undefined

```
Существует также метод ```prepend()```, вставляющий элементы **в начало** элемента на котором он вызван.

Как работает метод append в js?

Ответы

Каталог