Mengganti class elemen juga dapat dilakukan dengan menggunakan javascript. Sebelum diganti, hal pertama yang harus dilakukan adalah menentukan elemen tersebut.

Perlu diperhatikan, bahwa cara ini mengganti semua nama class pada elemen yang dipilih menjadi elemen dengan nama clas baru.

Pada contoh berikut, untuk menentukan elemen yang akan diubah digunakan selector class. Selector class dipilih karena nama class tertentu sudah pasti terdapat pada elemen tersebut. Anda juga menggunakan jenis selector lain.

Berikut ini adalah contoh dimana nama class "a" diganti menjadi class dengan nama "b" menggunakan selector class.

var class_a = document.getElementsByClassName("a"); class_a[0].classList = "b";

Pada contoh diatas, nama class yang diganti hanya pada sebuah elemen. Untuk mengganti semua elemen dengan nama class "a", menjadi class "b", anda bisa menggunakan contoh berikut.

var class_a = document.getElementsByClassName("a"); for(var i = 0; i<class_a.length; i++ ){ class_a[i].classList = "b"; }

Jika anda ingin menggunakan Selector "id", anda bisa menuliskan seperti pada contoh berikut.

var id_a = document.getElementById("a"); id_a.classList = "b";

Cara ini juga bisa digunakan untuk memberikan nama class pada suatu elemen tertentu meskipun elemen tersebut belum memiliki nama class sama sekali. Pada kasus ini, anda membutuhkan jenis selector lain seperti selector "id" untuk memilih elemen tersebut.

Lihat juga dan .

Sekian, Semoga bermanfaat