Java Script’e Giriş

JavaScript ile HTML İçeriğini Değiştirebilirsiniz

Birçok JavaScript HTML yönteminden biri getElementById () ‘dir.

Bu örnek, bir HTML öğesini “bulma” yöntemini (id = “demo” ile) kullanır ve öğe içeriğini (innerHTML) “Merhaba JavaScript” olarak değiştirir:

<html>
<body>
<h2> JavaScript Ne Yapabilir?</h2>
<p id=”demo”> JavaScript, HTML içeriğini değiştirebilir.</p>
<button type=”button” onclick=’document.getElementById(“demo”).innerHTML = “Merhaba JavaScript!”‘>Bana Tıkla!</button>
</body>
</html>

JavaScript HTML Stillerini Değiştirebilir

HTML öğesinin stilini değiştirmek, HTML niteliğini değiştirmenin bir değişkenidir:

<html>
<body>
<h2> JavaScript Ne Yapabilir?</h2>
<p id=”demo”> JavaScript bir HTML öğesinin stilini değiştirebilir.</p>
<button type=”button” onclick=”document.getElementById(‘demo’).style.fontSize=’35px'”>Bana Tıkla!</button>
</body>
</html>

JavaScript HTML Öğelerini Gizleyebilir

Ekran stilini değiştirerek HTML elemanlarını gizlemek mümkündür:

<html>
<body>
<h2> JavaScript Ne Yapabilir?</h2>
<p id=”demo”> JavaScript HTML öğelerini gizleyip gösterebilir.</p>
<button type=”button” onclick=”document.getElementById(‘demo’).style.display=’block'”>Bana Tıkla!</button>
</body>
</html>