مетод HTML DOMTokenList toggle()

تعریف و استفاده

مетод toggle() برچسب داده شده را از لیست حذف می‌کند و false را برمی‌گرداند. اگر برچسب وجود نداشته باشد، آن را اضافه می‌کند و true را برمی‌گرداند.

مثال

مثال 1

روفتن و بستن "myStyle" را تغییر دهید:

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

آزمایش کنید

مثال 2

کلاس "myStyle" را به عنصر اضافه کنید:

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

آزمایش کنید

مثال 3

از عنصر "myStyle" کلاس حذف کنید:

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

آزمایش کنید

مثال 4

چندین کلاس را به یک عنصر اضافه کنید:

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

آزمایش کنید

مثال 5

از یک عنصر چندین کلاس را حذف کنید:

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

آزمایش کنید

مثال 6

تعداد کلاس‌های یک عنصر را بدست آورید:

let numb = element.classList.length;

آزمایش کنید

مثال 7

با تغییر بین کلاس‌ها برای ایجاد دکمه‌های فلیپ‌دون ایجاد کنید:

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

آزمایش کنید

قوانین دستور زبان

domtokenlist.toggle(توکن)

پارامترها

پارامترها توضیح
توکن ضروری. توکنی که باید تغییر کند.

مقدار بازگشتی

بدون.

پشتیبانی مرورگر

domtokenlist.toggle() یک ویژگی DOM Level 4 (2015) است.

این عملکرد از همه مرورگرها پشتیبانی می‌کند:

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی

Internet Explorer 11 (یا نسخه‌های قدیمی‌تر) از domtokenlist.toggle() پشتیبانی نمی‌کند.

صفحات مرتبط

خصوصیت length

روش item()

روش add()

روش remove()

روش replace()

روش forEach()

روش entries()

روش keys()

روش values()

مجموعه توکن‌های DOM (DOMTokenList)