Döngü ile Gezinme ve Düzenleme
Coddy'nin JavaScript DOM Metotları kursunda ders 6 / 13.
Hadi bir meydan okuma yapalım!
Görev
KolaySize, sınıf adı item olan beş paragraf içeren bir HTML kodu verilmiştir.
Sadece JavaScript kullanarak, paragrafların metnini numaralandırılmış bir liste gibi olacak şekilde değiştirin.
Beklenen çıktı şöyledir:
JS değişikliklerini görmek için web sayfasını yenilemeyi unutmayın!
Kendin dene
<!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 Metotları bölümündeki tüm dersler
2DOM Metotları I
getElementByIdEleman Stilini DeğiştirmegetElementsByClassNameDöngü ile Gezinme ve DüzenlemegetElementsByTagNamequerySelector