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

Аватар пользователя Кирилл Ерохин
Кирилл Ерохин
21 ноября 2022

Метод append() в js вставляет узлы или строки текста в конец элемента, на котором он вызван:

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() ничего не возвращает:

const appended = div.append("слишком много текста", p);
console.log(appended); // undefined

Существует также метод prepend(), вставляющий элементы в начало элемента на котором он вызван.

0 0
Познакомьтесь с основами JavaScript бесплатно

Похожие вопросы