Перебор и манипуляция элементами
Урок 6 из 13 курса Методы JavaScript DOM на Coddy.
Давайте выполним задание!
Задание
ЛегкоВам дан HTML-код, содержащий пять абзацев с именем класса item.
Используя только JavaScript, измените текст абзацев так, чтобы они выглядели как нумерованный список.
Вот ожидаемый результат:
Не забудьте обновить веб-страницу, чтобы увидеть изменения JS!
Попробуйте сами
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<p class="item">Banana</p>
<p class="item">Apple</p>
<p class="item">Pear</p>
<p class="item">Water</p>
<p class="item">Milk</p>
<script src="script.js"></script>
</body>
</html>Все уроки раздела Методы JavaScript DOM
2Методы DOM I
getElementByIdИзменение стиля элементаgetElementsByClassNameПеребор и манипуляция элементамиgetElementsByTagNamequerySelector