Recorrer y manipular
Lección 6 de 13 del curso Métodos del DOM de JavaScript de Coddy.
¡Hagamos un desafío!
Desafío
FácilSe te proporciona un código HTML que contiene cinco párrafos con el nombre de clase item.
Utilizando solo JavaScript, modifica el texto de los párrafos para que parezcan una lista numerada.
Aquí está el resultado esperado:
¡No olvides refrescar la página web para ver las modificaciones de JS!
Pruébalo tú mismo
<!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>Todas las lecciones de Métodos del DOM de JavaScript
2Métodos del DOM I
getElementByIdModificar el estilo del elementogetElementsByClassNameRecorrer y manipulargetElementsByTagNamequerySelector