Javascript style kullanımı

sezaialkan
Sezai Alkan Frontend Developer

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.

Javascript style kullanımı

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.

Yorumlar

Yorum Yapabilmek İçin Giriş Yapmalısınız.
İlk Yorum Yapan Sen Ol!
Uçur Beni Kahramanım Yukarı Çık
Bu web sitesi çerezleri kullanıyor. Devam ederek çerez kullanımını kabul etmiş oluyorsunuz. Detay

Devam Etmek İçin Giriş Yapın

Kod Hocası İle Paylaşımda bulunabilir, Kendini geliştirebilirsin. Sende Hemen Giriş Yap Aramıza Katıl.

GirişKayıt Ol