Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Javascript

มีวิธีเพิ่ม/ลบหลายคลาสในคำสั่งเดียวด้วย classList ใน HTML และ JavaScript หรือไม่


คุณสมบัติ classList ส่งคืนชื่อคลาสขององค์ประกอบ เป็นอ็อบเจ็กต์ DOMTokenList คุณสมบัติ classList เป็นแบบอ่านอย่างเดียว อย่างไรก็ตาม คุณสามารถแก้ไขได้โดยใช้เมธอด add() และ remove()

classListproperty ตรวจสอบให้แน่ใจว่าคลาสที่ซ้ำกันไม่ได้ถูกเพิ่มเข้าไปในองค์ประกอบโดยไม่จำเป็น เพื่อรักษาฟังก์ชันนี้ไว้ หากคุณไม่ชอบเวอร์ชันยาวหรือเวอร์ชัน jQuery ฉันขอแนะนำให้เพิ่ม addMany ฟังก์ชันและ removeMany ไปยัง DOMTokenList

สิ่งเหล่านี้ก็จะใช้งานได้เช่นนั้น −

DOMTokenList.prototype.addMany = function(classes) {
   var arr = classes.split(' ');
   for (var j = 0, length = arr.length; j < length; j++) {
      this.add(array[j]);
   }
}