Как работает метод 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