Verilen Class Değerine Sahip Elementlere Strong Etiketi Ekle - Javascript

Listede döngü aracılığıyla class değerlerini tespit eden ve eğer istenen class değerine sahip olan bir element varsa o elementi strong elementiyle saran javascript kodudur.

Dosyalar

index.html


<!DOCTYPE html>
<html>
<head>
    <title>Verilen Class Değerine Sahip Elementlere Strong Etiketi Ekle - Javascript</title>
	<meta charset="utf-8" />
</head>
<body>
    <ul>
        <li class="meyve">Elma</li>
        <li class="meyve">Armut</li>
        <li class="sebze">Domates</li>
        <li class="sebze">Biber</li>
        <li class="meyve">Kivi</li>
        <li class="sebze">Patlıcan</li>
        <li class="meyve">Şeftali</li>
        <li class="sebze">Kabak</li>
    </ul>
	
    <script src="script.js" type="text/javascript"></script>
</body>
</html>

script.js


var listeOge = document.getElementsByClassName("sebze");

for (var i = 0; i < listeOge.length; i++) {
    listeOge[i].innerHTML = 
        "<strong>" + listeOge[i].innerHTML + "</strong>";
}

İndirme Bağlantısı

Konu ile ilgili örnek dosyayı bu bağlantıdan indirebilirsiniz: İndir

Etiketler

javascript javascript döngü işlemleri javascript biçimlendirme işlemleri