Metoden add() Objek HTML DOMTokenList

Definisi dan penggunaan

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

Contoh

Contoh 1

Tambah kelas "myStyle" ke elemen:

Dapatkan jumlah tanda kelas elemen:
list.add("myStyle");

}

Contoh 2

Hapus kelas "myStyle" dari elemen:

Dapatkan jumlah tanda kelas elemen:
list.remove("myStyle");

}

Contoh 3

Tukar kebukaan dan tutup "myStyle":

Dapatkan jumlah tanda kelas elemen:
list.toggle("myStyle");

}

Contoh 4

Tambah kelas berbagai macam kepada elemen:

Dapatkan jumlah tanda kelas elemen:
list.add("myStyle", "anotherClass", "thirdClass");

}

例子 5

Contoh 5

Dapatkan jumlah tanda kelas elemen:
const list = element.classList;

}

let numb = list.length;

Contoh 7

Contoh 6

}

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

Contoh 7

Dapatkan tanda kelas elemen "myDIV":

}

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

Contoh 8

Adakah elemen mempunyai tanda kelas "myStyle"?

}

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

Contoh 9

Jika elemen mempunyai tanda kelas "myStyle", buang "anotherClass".
  if (element.classList.contains("mystyle")) {
element.classList.remove("anotherClass");

}

Cuba sendiri

Syaratdomtokenlisttoken.add(

)

) Penerangan
token Diperlukan. Tanda yang harus ditambahkan ke dalam senarai.

Hasil balik

Tiada.

Dukungan pelayar

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

Ia mendapat dukungan semua pelayar:

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

Internet Explorer 11 (dan versi yang lebih awal) tidak mendukung domtokenlist.add().

Laman yang berkaitan

Atribut length

Metode item()

Metode remove()

Metode toggle()

Metode replace()

Metode forEach()

Metode entries()

Metode keys()

Metode values()

Objek DOMTokenList