Bagaimana untuk Semak Kewujudan Kelas dalam JavaScript Tanpa jQuery?

Menyemak Kewujudan Kelas dengan JavaScript Biasa

Dalam JavaScript, mengesahkan sama ada sesuatu elemen mengandungi kelas tertentu boleh dicapai tanpa bergantung pada perpustakaan jQuery.

Satu kaedah melibatkan penggunaan sifat className:

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

if (testClass.includes("class1")) {
  test.innerHTML = "I have class1";
} else {
  test.innerHTML = "";
}

Walau bagaimanapun, pendekatan ini mempunyai had jika terdapat berbilang kelas. Untuk penyelesaian yang komprehensif, gunakan kaedah classList.contains:

element.classList.contains(class);

Kaedah ini berfungsi merentas pelayar moden dengan polyfill yang sesuai untuk versi lama.

Sebagai alternatif, kaedah indexOf boleh digunakan, tetapi dengan pelarasan:

function hasClass(element, className) {
  return (' ' + element.className + ' ').indexOf(' ' + className + ' ') > -1;
}

Ini memastikan bahawa padanan separa dalam nama kelas lain diabaikan.

Untuk menggunakan ini pada contoh yang disediakan:

var test = document.getElementById("test"),
  classes = ['class1', 'class2', 'class3', 'class4'];

test.innerHTML = "";

for (var i = 0, j = classes.length; i < j; i++) {
  if (hasClass(test, classes[i])) {
    test.innerHTML = "I have " + classes[i];
    break;
  }
}

Atas ialah kandungan terperinci Bagaimana untuk Semak Kewujudan Kelas dalam JavaScript Tanpa jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!