Javascript style kullanımı

Javascript de

style 

kullanımı, seçilen nesnesinin stil özellikleri üzerinde düzenleme sağlanabilmektedir. Bunlara örnek vermek gerekirse bir kutunun yazı rengi, arkaplan rengi, genişliği, yüksekliği vb. gibi işlemler sağlanabilmektedir.

Kullanımı :

style.property = ""

Aşağıda bir örnekle beraber

style 

in alabileceği değerleri gözlemleyelim

<p id="simple">Kod Hocası</p>

var e = document.getElementById("simple");
console.log(e.style);

Yukarıdaki kullanımda console üzerinde

style 

ile kullanılabilecek stil özelliklerini yazdırmaktadır.

Örneğin console ekran çıktısı aşağıdaki gibidir.

Görsel üzerinde göründen daha fazla stil özelliği bulunmaktadır. dilerseniz sizlerde yukarıdaki örnek ile diğer özellikleri görüntüleyebilirsiniz.

var e = document.getElementById("simple");
console.log(e.style.fontSize = "2rem");

Yukarıdaki örnekte ise

simple

id sine sahip etiketin yazı boyutunu

2rem

olarak değiştirebilmekteyiz.