Metode add() Objek HTML DOMTokenList

Definisi dan penggunaan

add() Metode ini menambahkan satu (atau beberapa) token (token) ke DOMTokenList.

Contoh

Contoh 1

Menambahkan kelas "myStyle" ke elemen:

const list = element.classList;
list.add("myStyle");

Coba sendiri

Contoh 2

Menghapus kelas "myStyle" dari elemen:

const list = element.classList;
list.remove("myStyle");

Coba sendiri

Contoh 3

Mengganti keadaan buka/tutup "myStyle":

const list = element.classList;
list.toggle("myStyle");

Coba sendiri

Contoh 4

Menambahkan beberapa kelas ke elemen:

const list = element.classList;
list.add("myStyle", "anotherClass", "thirdClass");

Coba sendiri

Contoh 5

Ambil jumlah tanda kelas elemen:

const list = element.classList;
let numb = list.length;

Coba sendiri

Contoh 6

Ambil tanda kelas elemen "myDIV":

const list = document.getElementById("myDIV").classList;

Coba sendiri

Contoh 7

Ambil tanda kelas elemen "myDIV":

let className = element.classList.item(0);

Coba sendiri

Contoh 8

Apakah elemen memiliki tanda kelas "myStyle"?

let x = element.classList.contains("myStyle");

Coba sendiri

Contoh 9

Jika elemen memiliki tanda kelas "myStyle", hapus "anotherClass".

if (element.classList.contains("mystyle")) {
  element.classList.remove("anotherClass");
}

Coba sendiri

Sintaks

domtokenlist.add(token)

Parameter

Parameter Deskripsi
token Diperlukan. Tanda yang harus ditambahkan ke dalam daftar.

Nilai kembalian

Tidak ada.

Dukungan peramban

domtokenlist.add() Adalah fitur DOM Level 4 (2015).

Dapat didukung semua peramban:

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukung Dukung Dukung Dukung Dukung

Internet Explorer 11 (dan versi sebelumnya) tidak mendukung domtokenlist.add().

Halaman yang berhubungan

Atribut length

Metode item()

Metode remove()

Metode toggle()

Metode replace()

Metode forEach()

Metode entries()

Metode keys()

Metode values()

Objek DOMTokenList