पर कई HTML तत्वों के सीएसएस को बदलें या स्वैप करें मेरे पास मेरे दस्तावेज़ में लगभग 100 <span class="foo">
, 100 <span class="bar">
और 100 <span class="baz">
टैग हैं। मुझे जावास्क्रिप्ट में निम्नलिखित परिचालनों को लागू करने की आवश्यकता है:एक बार
- पृष्ठभूमि को सभी फ़ूज़ लाल रंग में बदलें, सभी सलाखों को हरे रंग में, सभी बाज़ नीले रंग में बदलें।
- पृष्ठभूमि को सभी फूज़ हरे रंग में बदलें, सभी सलाखों को नीले रंग में, सभी बाज़ लाल रंग में बदलें।
- पृष्ठभूमि को सभी फ़ूज़ को नीले रंग में बदलें, सभी बार लाल रंग में, सभी बाज़ हरे रंग में बदलें।
मैं पूरी तरह 1000 बार के बारे में इन आपरेशनों फोन करेगा, तो मैं एक समाधान है जो <head>
हर बार मैं एक ऑपरेशन कर एक <style>
टैग संलग्न कर देता है से बचने के लिए चाहते हैं।
वहाँ कुछ सरल या तेज या document.getElementsByTagName('span')
के साथ सभी <span>
तत्वों से अधिक पुनरावृत्ति, और बदलने या प्रत्येक तत्व के लिए .className
डोम संपत्तियों के लिए जोड़कर की तुलना में बेहतर है?