HTML DOM getElementsByTagName () विधि का उपयोग किसी दिए गए टैग नाम वाले दस्तावेज़ में सभी तत्वों का संग्रह प्राप्त करने के लिए किया जाता है। यह सभी दिए गए तत्वों को NodeList ऑब्जेक्ट के रूप में लौटाता है। आप इंडेक्स नंबर का उपयोग करके लौटाए गए ऑब्जेक्ट में किसी भी तत्व तक पहुंच सकते हैं।
कुछ तत्वों को हटाने या जोड़ने के बाद बार-बार getElementsByTagName() विधि को कॉल किए बिना HTML संग्रह लौटाया गया DOM ट्री के साथ सिंक रहता है।
सिंटैक्स
getElementsByTagName() विधि के लिए सिंटैक्स निम्नलिखित है -
element.getElementsByTagName(tagname)
यहां, टैगनाम एक अनिवार्य पैरामीटर मान है जो उस चाइल्ड एलिमेंट टैगनाम को दर्शाता है जिसे हम प्राप्त करना चाहते हैं।
उदाहरण
आइए getElementsByTagName() विधि के लिए एक उदाहरण देखें -
getElementsByTagName() उदाहरण
लोरेम इप्सम डोलर सिट एमेट, कॉन्सेक्टेटूर एडिपिसिंग एलीट, सेड डू ईउसमॉड टेम्पोर इनसिडिडंट यूट लेबर एट डोलोरे मैग्ना एलिका
यूट एनिम एड मिनिम वेनिअम, क्विस नोस्ट्रुड एक्सर्सिटेशन उलमको लेबरिस निसी यूट एलिक्विप एक्स ई कमोडो कॉन्सेक्वेट
पूर्व>आउटपुट
यह निम्नलिखित आउटपुट देगा -
चेंज बटन पर क्लिक करने पर -
उपरोक्त उदाहरण में -
हमने दो पैराग्राफ बनाए हैं जिनसे कोई विशेषता नहीं जुड़ी है -
लोरेम इप्सम डोलर सिट एमेट, कॉन्सेक्टेटूर एडिपिसिंग एलीट, सेड डू ईयूसमॉड टेम्पोर इनसिडिडंट यूट लेबरे एट डोलोरे मैग्ना एलिका
यूट एनिम एड मिनिम वेनिअम, क्विस नोस्ट्रुड एक्सर्सिटेशन उलमको लेबरिस निसि यूट एलिक्विप कमोडो परिणाम
फिर हमने एक बटन बनाया है जो उपयोगकर्ता द्वारा क्लिक किए जाने पर चेंजपारा () को निष्पादित करेगा -
चेंजपारा () विधि दस्तावेज़ ऑब्जेक्ट पर getElementsByTagName () विधि का उपयोग करके दोनों
तत्वों को नोडलिस्टऑब्जेक्ट के रूप में प्राप्त करती है और इसे वेरिएबल पी को असाइन करती है। इंडेक्स नंबरों का उपयोग करके हम पहले पैराग्राफ के लिए टेक्स्ट बदलते हैं और दूसरे पैराग्राफ में कुछ स्टाइल लागू करते हैं -
फ़ंक्शन चेंजपारा() { var p =document.getElementsByClassName("PARA1"); p[0].innerHTML ="यह पाठ बदल दिया गया है"; p[1].style.color ="लाल"; p[1].style.backgroundColor ="पीला";}