Method ya HTML DOMTokenList toggle()

Mefano na Matumizi

Method ya toggle() inakufaa kumiaa labeli iliyotumika na kumrudi false. Ikiwa labeli haina, inafungua na kumrudi true.

Mifano

Mfano 1

Kuandaa au kushika "myStyle":

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

Jaribu tena

Mfano 2

Ongea "myStyle" kwenye kina kina ya kiungo cha elementi:

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

Jaribu tena

Mfano 3

Kufaa "myStyle" kwenye kina kina ya kiungo cha elementi:

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

Jaribu tena

Mfano 4

Kungwa sifa zaidi kwenye elementi:

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

Jaribu tena

Mfano 5

Kupungua sifa zaidi kwenye elementi:

element.classList.remove("myStyle", "anotherClass", "thirdClass");

Jaribu tena

Mfano 6

Pata ukubwa wa sifa ya elementi:

let numb = element.classList.length;

Jaribu tena

Mfano 7

Tukieleza hadi kati ya sifa kuundika mpungu wa kudondoa:

document.getElementById("myBtn").onclick = function() {myFunction()};
function myFunction() {
  document.getElementById("myDropdown").classList.toggle("show");
}

Jaribu tena

Kifaa cha uandishi

domtokenlist.toggle(token)

Masharti

Masharti Kueleza
token Inayohitajika. Taarifa ya chuki ambayo inatengeneza.

Matokeo

Hakuna.

Huzungumza wa vifaa vya kusoma

domtokenlist.toggle() ni uwezo wa DOM Level 4 (2015).

Inafikia kila mabaki wa vifaa vya kusoma:

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Huzungumza Huzungumza Huzungumza Huzungumza Huzungumza

Internet Explorer 11 (au kuzingatia) hauhusika kwa domtokenlist.toggle().

Mawasiliano ya muhimu

Jicho la length

Method ya item()

Method ya add()

Method ya remove()

Method ya replace()

Method ya forEach()

Method ya entries()

Method ya keys()

Method ya values()

Kitu cha DOMTokenList