پرسش و پاسخ | دریمرا

ساخت لینک

گزارش

چک کردن کلاس ها در جاوا اسکریپت

2سال پیش

2

جاوا اسکریپت
سی اس اس
اچ تی ام ال

سلام چطوری می تونم در جاوا اسکریپت چک کنم که یه المنت کلاس مورد نظر من رو داره یا نه؟ با جی کوئری نمیخوام فقط با جاوا اسکریپت در حال حاظر خودم این کارو کردم

var test = document.getElementById("test");
var testClass = test.className;

switch (testClass) {
  case "class1":
    test.innerHTML = "I have class1";
    break;
  case "class2":
    test.innerHTML = "I have class2";
    break;
  case "class3":
    test.innerHTML = "I have class3";
    break;
  case "class4":
    test.innerHTML = "I have class4";
    break;
  default:
    test.innerHTML = "";
}

اما مشکل اینه که اگر کلاس ها زیاد بشه سوییچ خیلی طولانی میشه

از متد زیر استفاده کن

element.classList.contains(yourClass);

این متد مقدار true یا false بر می گردونه

2سال پیش

1

ثبت پاسخ

pan_tool_alt