Kendime Not #1: Javascript ile class etiketi

Kendime Not #1: Javascript ile class etiketi

Bazı şeyler vardır ki klasik yöntemlerle yapılamaz ve bir istisnai durum söz konusudur. Hemen aramaya koyulursunuz. Ben de karşılaştığım bu durumları bir kenara not alırdım. Blogumda da paylaşmak istedim, belki birilerinin işine yarar ;)

JavaScript ile “class” etiketini değiştirmek:

<span id="eleman" class="eskiClass">HTML İçerik</span>

yukarıda gördüğümüz eskiClass sınıfındaki etiketi yeniClass sınıfına geçirmek için;


//yanlış kullanım:
document.getElementById('eleman').class = "yeniClass";
//doğru kullanım:
document.getElementById('eleman').setAttribute('class','yeniClass');

Edit: 04.07.2009

İsmail Baskın’ın yorumunda da belirttiği gibi aşağıdaki kullanım da doğrudur:


document.getElementById('eleman').className = "yeniClass";


2 Responsesto “Kendime Not #1: Javascript ile class etiketi”

  1. TEAkolik diyor ki:

    Bunu kendi bloguma koymayı düşünüyorum. Sağ menüde altta güzel duracak üzerinede birşeyler karalarım :)

  2. ismail BASKIN diyor ki:

    Dom ağacında className şeklinde geçer. Yani

    document.getElementById(‘eleman’).className = “yeniClass”;

    de olur.

Leave a Reply