Durchlaufen und manipulieren
Lektion 6 von 13 im Kurs JavaScript DOM-Methoden von Coddy.
Machen wir eine Challenge!
Aufgabe
EinfachDir wird HTML-Code gegeben, der fünf Absätze mit dem Klassennamen item enthält.
Verwende nur JavaScript, um den Text der Absätze so zu ändern, dass sie wie eine nummerierte Liste aussehen.
Hier ist die erwartete Ausgabe:
Vergiss nicht, die Webseite zu aktualisieren, um die JS-Änderungen zu sehen!
Probier es selbst
<!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>Alle Lektionen in JavaScript DOM-Methoden
2DOM-Methoden I
getElementByIdElement-Stil änderngetElementsByClassNameDurchlaufen und manipulierengetElementsByTagNamequerySelector