JavaScript HTML DOM - CSS'yi Değiştirme
HTML DOM, JavaScript'in HTML öğelerinin stilini değiştirmesine izin verir.
HTML Stilini Değiştirme
Bir HTML öğesinin stilini değiştirmek için bu söz dizimini kullanın:
document.getElementById(id).style.property = new style
Aşağıdaki örnek, bir <p>
öğenin stilini değiştirir:
Örnek
<html>
<body>
<p id="p2">Hello World!</p>
<script>
document.getElementById("p2").style.color = "blue";
</script>
</body>
</html>
Etkinlikleri Kullanma
HTML DOM, bir olay meydana geldiğinde kodu çalıştırmanıza izin verir.
Olaylar, HTML öğelerine "bir şeyler olduğunda" tarayıcı tarafından oluşturulur:
- Bir eleman tıklanır
- sayfa yüklendi
- Giriş alanları değiştirildi
Bu öğreticinin sonraki bölümünde olaylar hakkında daha fazla bilgi edineceksiniz.
id="id1"
Bu örnek , kullanıcı bir düğmeyi tıkladığında HTML öğesinin stilini ile değiştirir :
Örnek
<!DOCTYPE html>
<html>
<body>
<h1 id="id1">My Heading 1</h1>
<button type="button"
onclick="document.getElementById('id1').style.color = 'red'">
Click Me!</button>
</body>
</html>
Daha fazla örnek
Bir öğe nasıl görünmez yapılır. Öğeyi göstermek istiyor musun istemiyor musun?
HTML DOM Stili Nesne Referansı
Tüm HTML DOM stili özellikleri için eksiksiz HTML DOM Stili Nesne Referansımıza bakın .