Yazan: Muhittin Özer | 04 Mayıs 2009 | Kategoriler: JavaScript & Ajax, Kendime Not
Etiketler: class, javascript
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";
Bunu kendi bloguma koymayı düşünüyorum. Sağ menüde altta güzel duracak üzerinede birşeyler karalarım
Dom ağacında className şeklinde geçer. Yani
document.getElementById(‘eleman’).className = “yeniClass”;
de olur.