Percorrer e Manipular
Lição 6 de 13 do curso Métodos DOM do JavaScript da Coddy.
Vamos fazer um desafio!
Desafio
FácilVocê recebeu um código HTML que contém cinco parágrafos com o nome de classe item.
Usando apenas JavaScript, modifique o texto dos parágrafos para que fiquem como uma lista numerada.
Aqui está a saída esperada:
Não se esqueça de atualizar a página web para ver as modificações do JS!
Experimente você mesmo
<!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 as lições de Métodos DOM do JavaScript
2Métodos do DOM I
getElementByIdModificar Estilo do ElementogetElementsByClassNamePercorrer e ManipulargetElementsByTagNamequerySelector