Java Script İle Html Label Erişim ve Style İşlemleri

Bu yazımda sizlere Label, Text, Buton gibi bileşenlere Java Script ile erişimi ve style düzenlemesinde sıkça kullandığım bir kaç metodu anlatacağım.

JS Label Erişim ve Style

        <label id="lbl_Test"></label>
        
        //Label'a veri yaz.
        document.getElementById('lbl_Test').innerHTML = "Fatih Alkan";
        //Label'a arka planı değiştir.
        document.getElementById('lbl_Test').style.backgroundColor = "#4caf50";
        //Label'a köşe cizgisi ekle.
        document.getElementById('lbl_Test').style.border = "2px solid #258929";
        //Label'a etkin yap.
        document.getElementById('lbl_Test').disabled = true;
        //Label'a yazı rengini değiştir.
        document.getElementById('lbl_Test').style.color = "white";
        //Label'a yazı stili değiştir.
        document.getElementById('lbl_Test').style.textDecoration = "line-through";

Bir Cevap Yazın