JAVASCRIPT ile CSS ÖZELLİKLERİ DEĞİŞTİRME

Javascript kullanılarak Html sayfadaki herhangi bir elemanın css özellikleri değiştirilebilir. Bunun için Javascript ile ulaşılan elemanın "style" özelliği kullanılır.

Örneğin;

<script>
document.getElementById("kutu").style.color="red"; 
</script>

ifadesi  "kutu" id'sine sahip eleman içindeki yazıyı kırmızı yapacaktır.

Eğer css özelliği birden fazla kelime içeriyorsa kelimeler birleştirilir ve ikinci kelimenin ilk harfi büyük yazılır. 

Örneğin;

<script>
document.getElementById("kutu").style.backgroundColor="red"; 
</script>

ifadesi  "kutu" id'sine sahip elemanın arka plan rengini (backgroundColor)  kırmızı yapacaktır.