JavaScript Tanıtımı

Bu bölüm, JavaScript'in yeteneklerini göstermek için bazı kısmi örnekler sağlar.

JavaScript HTML içeriğini değiştirebilir

getElementById() JavaScript'in birçok HTML yönteminden biri olan

Bu örnek, id="demo" olan HTML elementini "bulmak" ve element içeriğiniinnerHTML）'Hello JavaScript' olarak değiştirin:

Örnek

document.getElementById("demo").innerHTML = "Hello JavaScript";

Kişisel Deneyimleyin

Uyarı:JavaScript hem çift tırnak hem de tek tırnak kabul eder:

Örnek

document.getElementById("demo").innerHTML = 'Hello JavaScript';

Kişisel Deneyimleyin

JavaScript HTML özelliklerini değiştirebilir

Bu örnek, değiştirme yoluyla <img> etiketin src Öznitelik (source)'yi değiştirerek bir HTML görseli:

Lambre


Kişisel Deneyimleyin

JavaScript HTML stili (CSS)'yi değiştirebilir

HTML elemanının stilini değiştirmek, HTML özelliğini değiştirmenin bir varyasyonudur:

Örnek

document.getElementById("demo").style.fontSize = "25px";

Kişisel Deneyimleyin

JavaScript HTML elemanlarını gizleyebilir

Değiştirebilir display Gizli olan HTML elemanını gizlemek için stil:

Örnek

document.getElementById("demo").style.display="none";

Kişisel Deneyimleyin

JavaScript HTML elemanlarını gösterebilir

Değiştirebilir display Gizli olan HTML elemanını gösteren stil:

Örnek

document.getElementById("demo").style.display="block";

Kişisel Deneyimleyin

Dış Okuma

JavaScript İleri Düzey Eğitimi： JavaScript Tarihi 、 JavaScript Gerçekleştirme