Kendime Not #1: Javascript ile class etiketi

Kendime Not #1: Javascript ile class etiketi

Yazan: Muhittin Özer | 04 Mayıs 2009 | Kategoriler: JavaScript & Ajax, Kendime Not
Etiketler: ,

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";

Yorumlar ve bağlantı verenler:

  1. TEAkolik | 28 Mayıs 2009, 15:33

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

  2. ismail BASKIN | 04 Temmuz 2009, 18:10

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

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

    de olur.

Yorum yazın:

İsminiz *

Emailiniz *

Websiteniz

Mühendis Sohbetleri

Yönetim

Bağış


Bir yazım işinize mi yaradı?
Peki bağış yapmaya ne dersiniz?


Özgürlük için Pardus...

Arama


Takip Edin


Google Friends