مетод add() در لیست توکن HTML DOMTokenList
- صفحه قبلی add()
- صفحه بعدی contains()
- به لایه بالاتر بازگردید لیست توکن HTML DOMTokenList
تعریف و استفاده
add()
این روش یک (یا چندین) نشانه (token) را به لیست نشانهها (DOMTokenList) اضافه میکند.
مثال
مثال 1
کلاس "myStyle" را به عنصر اضافه کنید:
const list = element.classList; list.add("myStyle");
مثال 2
کلاس "myStyle" را از عنصر حذف کنید:
const list = element.classList; list.remove("myStyle");
مثال 3
تغییر وضعیت باز و بسته "myStyle":
const list = element.classList; list.toggle("myStyle");
مثال 4
به عنصر چندین کلاس اضافه کنید:
const list = element.classList; list.add("myStyle", "anotherClass", "thirdClass");
مثال 5
تعداد برچسبهای کلاس عنصر را دریافت کنید:
const list = element.classList; let numb = list.length;
مثال 6
برچسب کلاس "myDIV" را دریافت کنید:
const list = document.getElementById("myDIV").classList;
مثال 7
برچسب کلاس "myDIV" را دریافت کنید:
let className = element.classList.item(0);
مثال 8
آیا عنصر دارای برچسب کلاس "myStyle" است؟
let x = element.classList.contains("myStyle");
مثال 9
اگر عنصر دارای برچسب کلاس "myStyle" است، "anotherClass" را حذف کنید.
if (element.classList.contains("mystyle")) { element.classList.remove("anotherClass");
آموزش رایگان
نحوه نوشتنdomtokenlistتوکن.add(
)
) | توضیح |
---|---|
توکن | ضروری. توکنی که باید به لیست اضافه شود. |
مقدار بازگشتی
بدون.
پشتیبانی مرورگر
domtokenlist.add()
ویژگی DOM Level 4 (2015) است.
این از همه مرورگرها پشتیبانی میکند:
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
پشتیبانی میکند | پشتیبانی میکند | پشتیبانی میکند | پشتیبانی میکند | پشتیبانی میکند |
Internet Explorer 11 (و نسخههای قدیمیتر) پشتیبانی نمیکند domtokenlist.add()
.
صفحات مرتبط
- صفحه قبلی add()
- صفحه بعدی contains()
- به لایه بالاتر بازگردید لیست توکن HTML DOMTokenList