Javascript style kullanımı

Sezai AlkanFrontend Developer

JavaScript #javascript #js #style

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.