JavaScript'te style Özelliği ile Elemanların Stilini Değiştirme
Şimdi elemanlara CSS stilleri eklemeyi
öğrenelim. Bu,
style
özelliğini değiştirerek yapılır.
Örneğin, rengi değiştirmek için şu zinciri
oluşturmanız gerekir: elem.style.color,
ve ona istediğiniz renk değerini atamanız gerekir.
Bir örnek üzerinden inceleyelim. Elimizde şöyle bir eleman olsun:
<p id="elem">metin</p>
Bu elemanın rengini kırmızı yapalım:
let elem = document.querySelector('#elem');
elem.style.color = 'red';
Bir div ve bir buton verilmiştir. Butona tıklandığında div'e genişlik, yükseklik ve kenarlık ekleyin.