HTML DOMTokenList toggle() metodu

Tanım ve Kullanım

toggle() metodu belirtilen etiketi listeden kaldırır ve false döner. Eğer etiket yoksa, ekler ve true döner.

Örnek

Örnek 1

"myStyle" açma/kapama durumu değiştirin：

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

Kişisel olarak deneyin

Örnek 2

"myStyle" sınıfını elemente ekleyin：

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

Kişisel olarak deneyin

Örnek 3

元素den "myStyle" sınıfını kaldırın：

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

Kişisel olarak deneyin

Örnek 4

Bir elemente çok sınıf ekleyin:

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

Kişisel olarak deneyin

Örnek 5

Bir elementten çok sınıfı kaldırın:

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

Kişisel olarak deneyin

Örnek 6

Elementin sınıf sayısını alın:

let numb = element.classList.length;

Kişisel olarak deneyin

Örnek 7

Aşağı açılır düğme oluşturmak için sınıflar arasında geçiş yapın:

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

Kişisel olarak deneyin

Sözdizimi

domtokenlist.toggle(token)

Parametre

Parametre Açıklama
token Gerekli. Değiştirmek istediğiniz etiket.

Dönüş değeri

Yok.

Tarayıcı desteği

domtokenlist.toggle() DOM Level 4 (2015) özelliğidir.

Tüm tarayıcıların desteği:

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Desteği Desteği Desteği Desteği Desteği

Internet Explorer 11 (veya daha eski sürümler) domtokenlist.toggle() desteği sunmaz.

İlgili sayfalar

length özelliği

item() yöntemi

add() yöntemi

remove() yöntemi

replace() yöntemi

forEach() yöntemi

entries() yöntemi

keys() yöntemi

values() yöntemi

DOMTokenList nesnesi