किसी HTML तत्व

Question

मैं className पाने के लिए event.target.className उपयोग कर रहा हूँ का केवल प्रथम श्रेणी प्राप्त करें, लेकिन कभी कभी एक तत्व एकाधिक वर्ग के नाम है, मैं इसे कैसे कर सकते हैं, तो यह केवल देता है प्रथम श्रेणी परिणाम के रूप में नाम?

ओह, और jQuery के बिना कृपया।

Answer 1

वहाँ विभिन्न तरीकों से एक तत्व के प्रथम श्रेणी प्राप्त करने के लिए कर रहे हैं

विधि पहले: className संपत्ति

का प्रयोग विभाजन समारोह जो className बंट जाएगा साथ डोम तत्वों की className संपत्ति का उपयोग करना रिक्त स्थान से और एक सरणी वापस।

event.target.className.split(" ")[0]; //0 to retrieve first class 

कक्षा नाम संपत्ति सभी प्रमुख ब्राउज़रों में समर्थित है।

विधि दूसरा: classList संपत्ति

डोम तत्व है जो कक्षाओं का एक DOMTokenList वस्तु (पहले से ही अंतरिक्ष के आधार पर विभाजित) लौट

event.target.classList[0]; //0 to retrieve first class 

classList संपत्ति के classList संपत्ति का उपयोग का उपयोग करना अपेक्षाकृत नया और अपेक्षाकृत तेज़ है। यह IE8 और IE9 में समर्थित नहीं है। Support in various browsers

Check performance of classList vs className