Kodları lütfen aşağıdaki butonları kullanarak renklendirin. Örnek: <php> echo "Selam Dünya"; </php>
Yardım
karakter kaldı

Javacsript style bilgileri alma

Javascript ile nesnelerin style yani css bilgilerini nasıl alabilirim?
+0
-0
Cevaba KatılıyorumKatılmıyorum
Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Cevaplar

  • barb adlı üyenin fotoğrafı
    13 yıl önce yazılmış
    2 cevap - 0 soru
    Nesnelerin dediğiniz ile tam olarak neyi kastetmek istediniz.

    .kirmizi {color:red;}

    <p class="kirmizi">Bu yazı kırmızı </p>


    Burada "kirmizi" CSS sınıfının içindeki stil kodlarına mı ulaşabilmek istiyorsunuz?
  • 2
    fka adlı üyenin fotoğrafı
    13 yıl önce yazılmış
    70 cevap - 0 soru
    Pure JavaScript ile
    alert(document.getElementById('test').style.color);
    


    jQuery ile
    alert($('#test').css('color'));
    
    • fka adlı üyenin fotoğrafı fka
      ayrıca iki kelimeden oluşan csslere js üzerinden şu şekilde ulaşabilirsiniz:

      margin-left => marginLeft
      border-color => borderColor
      -moz-border-radius => MozBorderRadius

      buradaki trick şu, -x ise X oluyor, kelime başlangıçlarında tireyi kaldırıp ilk harfi büyük harf yapıyorsunuz.
      13 yıl önce yazılmış
  • halidaltuner adlı üyenin fotoğrafı
    13 yıl önce yazılmış
    144 cevap - 4 soru
    Sizzle JS'yi kullanırsanız daha mantıklı olur.

    http://sizzlejs.com/
  • Alexander adlı üyenin fotoğrafı
    13 yıl önce yazılmış
    29 cevap - 28 soru
    <style type="text/css">
    #test {
     width: 100px;
     height: 100px;
     background: #ffb;
     padding: 10px;
     border: 2px solid #999;
    }
    </style>
    <div id="test"></div>
    


    dive ait css özelliklerini almak için jquery kullanabilirsin.
    $(function() {
        var secilen = $('#test');
        alert($(this).css('width'));
        alert($(this).css('background-color'));
    });
    


    yukarıdaki şekilde css özelliklerini alabilirsin.
  • cool_eagle adlı üyenin fotoğrafı
    13 yıl önce yazılmış
    4 cevap - 10 soru
    <div style="color:#F00; margin-left:250px" onclick="yap()"  class="c" id="c">Content for New Div Tag Goes Here</div> 


    Bu Şekilde olunca alabiliyorum.

    Fakat tagları arasındaki bilgileri alamıyorum.