Javascript ile Stil Özelliğini Değiştirme
Javascript kodlarını kullanarak strong, span, q ve i gibi tüm html taglarına yazı rengi, arkaplan rengi, yazı boyutu ve tüm css kodlarını html taglarına ekleyebiliriz. Öncelikle sayfamızdaki html taglarına stil verebilmemiz için taglarımıza id isimleri vereceğiz. Id ismi vermemizdeki amaç hangi html tagını stil verdiğimiz görebilmek içindir.
Html kodumuzda değiştirilecek alanlarımızı tanımlıyoruz.
www.yunusayirgul.com
Yunus Ayırgül
Software Developer
Web Design
Javascript kodumuzda id değeri verdiğimiz "ibox, spanbox, strongbox ve qbox" id'li html taglarımıza javascript yardımıyla stil özelliklerini değiştirmiş olduk.
function change() {
document.getElementById("ibox").style.backgroundColor = "#dedede";
document.getElementById("spanbox").style.background = '#fff';
document.getElementById("spanbox").style.border = "1px solid #f30";
document.getElementById("spanbox").style.padding = "10px";
document.getElementById("spanbox").style.fontSize = '25px';
document.getElementById("spanbox").style.textAlign = "center";
document.getElementById("strongbox").style.color = '#f30';
document.getElementById("strongbox").style.margin = "10px";
document.getElementById("qbox").style.fontSize = '25px';
document.getElementById("qbox").style.fontWeight = 'bold';
}