طريقة HTML DOMTokenList 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()

مثل DOMTokenList