บทความนี้แบ่งออกเป็นสองส่วนสำหรับคำอธิบายเนื้อหาเฉพาะมีดังนี้
ส่วนที่ 1: การใช้งาน JS ดั้งเดิมของ AddClass, RemoveClass, Hasclass Methods
ฟังก์ชั่น hasclass (elem, cls) {cls = cls || - if (cls.replace (// s/g, '') .length == 0) ส่งคืน false; // เมื่อ CLS ไม่มีพารามิเตอร์ให้ส่งคืน regexp ใหม่ (' + cls +' ') .test (' ' + elem.classname +' ');} ฟังก์ชั่น addclass (ele, cls) {ถ้า (! hasclass (elem, cls)) CLS: Ele.ClassName + '' + CLS; }} ฟังก์ชั่น addClass (ele, cls) {if (! hasclass (elem, cls)) {ele.classname = ele.classname == ''? CLS: Ele.ClassName + '' + CLS; }} ฟังก์ชั่น RemoveClass (ele, cls) {ถ้า (hasclass (elem, cls)) {var newclass = '' + elem.classname.replace (/[/t/r/n]/g, '') + ''; ในขณะที่ (newclass.indexof ('' + cls + '')> = 0) {newclass = newclass.replace ('' + cls + '', ''); } elem.className = newClass.replace (/^/s+|/s+$/g, ''); -ส่วนที่ 2: ใช้ JS ดั้งเดิมเพื่อใช้งาน AddClass, RemoveClass, ฟังก์ชั่น Hasclass Function
ฟังก์ชั่น addClass (obj, cls) {var obj_class = obj.classname, // รับเนื้อหาคลาส blank = (obj_class! = '')? '': ''; // ปกป้องว่าคลาสที่ได้รับนั้นว่างเปล่าหรือไม่ถ้ามันไม่ว่างเปล่าให้เพิ่ม 'พื้นที่' ด้านหน้า เพิ่ม = obj_class + blank + cls; // รวมคลาสดั้งเดิมเข้ากับคลาสที่ต้องเพิ่ม obj.className = เพิ่ม; // แทนที่คลาสดั้งเดิม} ฟังก์ชั่น RemoveClass (obj, cls) {var obj_class = '+obj.className+' '; // รับเนื้อหาคลาสและเพิ่มพื้นที่ที่จุดเริ่มต้นและสิ้นสุด Ex) 'ABC BCD' -> 'ABC BCD' OBJ_CLASS = OBJ_CLASS.REPLACE (/(/S+)/GI, ''), // แทนที่อักขระที่ว่างเปล่าพิเศษด้วยพื้นที่ Ex) 'ABC BCD' -> 'ABC BCD' ลบ = OBJ_CLASS.REPLACE (''+CLS+'', ''); // แทนที่คลาสด้วยช่องว่างที่จุดเริ่มต้นและสิ้นสุดในคลาสดั้งเดิม Ex) 'ABC BCD' -> 'BCD' ลบออก = ลบออก replace (/(^/s+) | (/s+$)/g, ''); // ลบช่องว่างเริ่มต้นและจุดสิ้นสุด Ex) 'bcd' -> 'bcd' obj.className = ลบ; // แทนที่คลาสดั้งเดิม} ฟังก์ชั่น hasclass (obj, cls) {var obj_class = obj.className, // รับเนื้อหาคลาส obj_class_lst = obj_class.split (// s+/); // แปลง CLS เป็นอาร์เรย์ผ่านอักขระว่างเปล่า x = 0; สำหรับ (x ใน obj_class_lst) {ถ้า (obj_class_lst [x] == cls) {// วนรอบอาร์เรย์และตรวจสอบว่ามันมี CLS ส่งคืนจริงหรือไม่ }} return false;}ข้างต้นเป็นเรื่องเกี่ยวกับบทความนี้ฉันหวังว่ามันจะเป็นประโยชน์สำหรับทุกคนในการเรียนรู้การเขียนโปรแกรม JavaScript