Javascript kullanarak html elementlerin stillerini değiştirebiliriz. Yazı boyutu, yazı rengi vs gibi birçok özelliği kolay bir şekilde javascript kullanarak değiştirebiliriz. Aşağıdaki örneği inceleyecek olursak:
<!DOCTYPE html> <html> <body> <h1>Javascript ile Neler Yapılabilir?</h1> <p id="demo">JavaScript bir html elementin css'ini değiştirebilir.</p> <button type="button" onclick="document.getElementById('demo').style.fontSize='35px'">Yazı Boyutunu Değiştir!</button> </body> </html>
Burada Yazı Boyutunu Değiştir! buttonuna tıklanırsa demo id li paragraftaki yazının boyutunun 35px olarak değiştiğini görebilirsiniz. Siz de kodu kendiniz deneyebilir ve html elementlerin diğer özelliklerini değiştirmeyi deneyebilirsiniz.
0 yorum:
Yorum Gönder