createElement и appendChild
Урок 12 из 13 курса Методы JavaScript DOM на Coddy.
Функция createElement() создает новый HTML-элемент с указанным именем тега (например, div, p, span). Например:
const newElement = document.createElement("p");Функция appendChild() вставляет указанный дочерний элемент в качестве последнего дочернего элемента другого элемента. Это позволяет вам создавать и изменять иерархию содержимого вашей веб-страницы. Например:
const childElement = document.createElement("p");
childElement.textContent = "This is a new child element.";
parentElement.appendChild(childElement);В приведенном выше примере мы создаем новый элемент p и добавляем его внутрь элемента parentElement.
Задание
ЛегкоВам предоставлен HTML-код, который содержит маркированный список с ID myList.
Используя только JavaScript, добавьте еще один элемент списка в маркированный список и добавьте в него текст "Dog".
Попробуйте сами
<!DOCTYPE html>
<html>
<body>
<ul id="animals">
<li>Cow</li>
<li>Ant</li>
<li>Bear</li>
<li>Camel</li>
</ul>
<script src="script.js"></script>
</body>
</html>