Parcourir et manipuler
Leçon 6 sur 13 du cours Méthodes DOM en JavaScript de Coddy.
Relevons un défi !
Défi
FacileOn vous donne un code HTML qui contient cinq paragraphes avec le nom de classe item.
En utilisant uniquement JavaScript, modifiez le texte des paragraphes pour qu'ils ressemblent à une liste numérotée.
Voici le résultat attendu :
N'oubliez pas de rafraîchir la page web pour voir les modifications JS !
Essayez vous-même
<!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>Toutes les leçons de Méthodes DOM en JavaScript
2Méthodes du DOM I
getElementByIdModifier le style d'un élémentgetElementsByClassNameParcourir et manipulergetElementsByTagNamequerySelector