W3.JS Tambahkan Kelas ke HTML

❮ Sebelumnya Berikutnya ❯

Tambahkan kelas:

w3.addClass(selector,'class')

Tambahkan beberapa kelas:

w3.addClass(selector,'class1 class2 class3...')

Tambahkan Kelas berdasarkan Id

Tambahkan kelas "ditandai" ke elemen dengan id="London":

Contoh

<button onclick="w3.addClass('#London','marked')">Add Class</button>

Tambahkan Kelas dengan Tag

Tambahkan kelas "ditandai" ke semua elemen <h2>:

Contoh

<button onclick="w3.addClass('h2','marked')">Add Class</button>

Tambahkan Kelas demi Kelas

Tambahkan kelas "ditandai" ke elemen dengan class="city":

Contoh

<button onclick="w3.addClass('.city','marked')">Add Class</button>

Tambahkan Beberapa Kelas

Untuk menambahkan beberapa kelas ke elemen, pisahkan setiap kelas dengan spasi.

Tambahkan "class1" dan "class2" ke elemen dengan id="London":

Contoh

<button onclick="w3.addClass('#London','class1 class2')">Add Classes</button>

Hapus kelas dari elemen HTML

Menghapus kelas:

w3.removeClass(selector,'class')

Hapus beberapa kelas:

w3.removeClass(selector,'class1 class2 class3...')

Hapus Kelas berdasarkan Id

Hapus kelas "ditandai" dari elemen dengan id="London":

Contoh

<button onclick="w3.removeClass('#London','marked')">Remove Class</button>

Hapus Kelas berdasarkan Tag

Hapus kelas "ditandai" dari semua elemen <h2>:

Contoh

<button onclick="w3.removeClass('h2','marked')">Remove Class</button>

Hapus Kelas demi Kelas

Hapus kelas "ditandai" dari semua elemen dengan class="city":

Contoh

<button onclick="w3.removeClass('.city','marked')">Remove Class</button>

Hapus Beberapa Kelas

Untuk menghapus beberapa kelas dari sebuah elemen, pisahkan setiap kelas dengan spasi.

Hapus "class1" dan "class2" dari elemen dengan id="London":

Contoh

<button onclick="w3.removeClass('#London','class1 class2')">Remove Classes</button>

Alihkan Kelas elemen HTML

Mengaktifkan/menonaktifkan kelas:

w3.toggleClass(selector,'class')

Beralih di antara dua kelas:

w3.toggleClass(selector,'property','class','class')

Alihkan Kelas menurut Id

Beralih antara kelas elemen yang "ditandai" dengan id="London":

Contoh

<button onclick="w3.toggleClass('#London','marked')">Toggle</button>

Alihkan Kelas menurut Tag

Beralih di antara kelas "ditandai" dari semua elemen <h2>:

Contoh

<button onclick="w3.toggleClass('h2','marked')">Toggle</button>

Beralih Kelas berdasarkan Kelas

Beralih antara kelas "ditandai" dari semua elemen dengan class="city":

Contoh

<button onclick="w3.toggleClass('.city','marked')">Toggle</button>

Beralih Beberapa Kelas

Beralih antara nama kelas "class1" dan "class2" dari id="London:

Contoh

<button onclick="w3.toggleClass('#London','class1','class2')">Toggle</button>

❮ Sebelumnya Berikutnya ❯