JS ile metin rengini değiştirmek |
2 Mesajlar | 356 Okunma | ||
Merhabalar arkadaşlar,
Aşağıdaki gibi bir html/css kodu çıktısı var.
<ul><li>Kapasite : 1.000 kg</li><li>Uzatıldığında Yük Kapasitesi : 1.000 kg</li><li>Maks. Kullanıcı sayısı (iç/dış mekan) : 4</li></ul>
JS'nin şunu yapmasını istiyorum: Eğer : <li> içinde : işareti olursa : dahil kırmızı renk olsun. Örnek çıktı: Kapasite : 1.000 kg
Kısa bilgi: Yukarıdaki ul/li olayını veritabanından çektiği için mecbur sayfaya çevirmesi için js eklemem gerekiyor.
Vakit ayıran herkese teşekkürler.
aşağıdaki kodda nerede hata yapıyorum arkadaşlar? lütfen inceleyebilir misiniz? teşekkürler.
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
window.addEventListener('load', function() {
var elements = document.querySelectorAll('li:contains(:)');
for (var i = 0; i < elements.length; i++) {
var element = elements[i];
var text = element.innerHTML;
var replacedText = text.replace(/:([^\s]+)/g, '<span style="color: red;">:$1</span>');
if (replacedText !== text) {
element.innerHTML = replacedText;
}
}
});
</script>
</head>
<body>
<ul>
<li>Kapasite : 1.000 kg</li>
<li>Uzatıldığında Yük Kapasitesi : 1.000 kg</li>
<li>Maks. Kullanıcı sayısı (iç/dış mekan) : 4</li>
</ul>
</body>
</html>Mesaj 1 defa düzenlendi. Son düzenleyen: idea (11.12.2022 11:25)