HTML DOM JavaScript HTML öğelerinin stilini değiştirmek için izin verir.
HTML Stili değiştirme
Bir HTML öğesinin stilini değiştirmek için, şu sözdizimini kullanın:
document.getElementById( Aşağıdaki örnek bir tarzı değişiklikleri <p> elemanı: Örnek
<html>
<body>
<p id="p2">Hello World!</p>
<script>
document.getElementById("p2").style.color = "blue";
</script>
<p>The paragraph above was changed by a script.</p>
</body>
</html>
Kendin dene "
kullanma Events
HTML DOM bir olay meydana geldiğinde kod çalıştırmasına olanak veriyor.
Olaylar tarayıcı tarafından oluşturulan "things happen" HTML öğelerine:
- Bir eleman tıklandığında
- Sayfa yüklendikten
- Giriş alanları değiştirilir
Bu yazının sonraki bölümde olaylar hakkında daha fazla öğreneceksiniz.
Bu örnek ile HTML öğesinin stilini değiştiren id="id1" Kullanıcı bir düğmeyi tıkladığında,:
Ö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> Kendin dene "
Diğer Örnekler
Görünürlük unsuru görünmez yapmak. Eğer eleman göstermek ya da değil istiyor musunuz?
HTML DOM Stili Nesne Referans
Tüm HTML DOM stil özellikleri için lütfen tüm bakmak HTML DOM Stil Nesne Referans .
Egzersizleri ile Yourself test edin!
Egzersiz 1 » Alıştırma 2» Egzersiz 3 » Egzersiz 4» Egzersiz 5 »