JavaScript Giriş
JavaScript ile Neler Yapabilirsiniz?
Aşağıdakiler sadece basitçe JavaScript ile neler yapılabilir bunu anlatmak için verilmiş örneklerdir.
JavaScript ile bunlara benzer veya çok daha gelişmiş pek çok işlem yapabilirsiniz.
JavaScript ile HTML İçeriğini Değiştirebilirsiniz
JavaScript içinde metod adı verilen ve sizin hızlıca işlem yapmanızı sağlayan komutlar vardır. Bunlardan en çok kullanılanı getElementById() metodudur.
Aşağıdaki örnekte getElementById() metodu HTML belgesi içinde kendisine verilen "demo" id'sine sahip elementi bulur ve içeriğini değiştirir. İçerik değiştirme işlemi innerHTML özelliği ile yapılır.
JavaScript ile HTML Özniteliklerini Değiştirebilirsiniz
JavaScript ile herhangi bir HTML elementinin özniteliklerini değiştirebilirsiniz. Aşağıdaki örnekte <img> etiketinin src (kaynak) özniteliğini değiştireceksiniz.
JavaScript ile HTML Stillerini Değiştirebilirsiniz
JavaScript ile HTML elementine ait biçimleri kolaylıkla değiştirebilirsiniz. Aşağıdaki örnekte JavaScript ile font boyutu nasıl değiştirilir bunu göreceksiniz.
Örnek
document.getElementById("demo").style.fontSize = "50px";
veya
document.getElementById('demo').style.fontSize = '50px';
JavaScript ile Bir HTML Elementini Gizleyebilirsiniz
JavaScript ile bir HTML belgesindeki herhangi bir HTML elementini gizleyebilirsiniz:
Örnek
document.getElementById("demo").style.display = "none";
veya
document.getElementById('demo').style.display = 'none';
JavaScript ile Bir HTML Elementini Gösterebilirsiniz
JavaScript ile bir HTML belgesindeki gizlenmiş herhangi bir HTML elementini gösterebilirsiniz:
Örnek
document.getElementById("demo").style.display = "block";
veya
document.getElementById('demo').style.display = 'block';