JavaScript append: динамическое создание контента для вашего сайта
Метод append() в JavaScript используется для добавления нового элемента или текста в конец выбранного элемента HTML. Этот метод принимает один или несколько аргументов, которые могут быть строками, объектами элементов или функциями, которые возвращают строку или элемент.
Пример использования метода append():
const divElement = document.createElement("div");
divElement.innerText = "Это новый текст, который мы хотим добавить на страницу.";
document.body.append(divElement);
В этом примере мы создаем новый элемент div, устанавливаем его текстовое содержимое и используем метод append(), чтобы добавить этот элемент в конец тела документа.
Также можно использовать метод append() для добавления нескольких элементов одновременно:
const ulElement = document.createElement("ul");
const li1 = document.createElement("li");
const li2 = document.createElement("li");
li1.innerText = "Первый элемент";
li2.innerText = "Второй элемент";
ulElement.append(li1, li2);
document.body.append(ulElement);
В этом примере мы создаем новый элемент ul и два элемента li, устанавливаем их текстовое содержимое и используем метод append(), чтобы добавить оба элемента в конец нового элемента ul, затем добавляем ul в конец тела документа.
Также можно использовать метод append() для добавления строки или функции, которая возвращает строку, например:
const divElement = document.createElement("div");
const text = "Это новый текст, который мы хотим добавить на страницу.";
divElement.append(text);
document.body.append(divElement);
В этом примере мы создаем новый элемент div и задаем переменную text со строковым содержимым. Затем мы используем метод append(), чтобы добавить эту строку в конец элемента div, затем добавляем div в конец тела документа.
В целом, метод append() очень удобен для динамического создания или обновления контента на странице с помощью JavaScript.