Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

एचटीएमएल डोम getElementsByTagName() विधि

<घंटा/>

HTML DOM getElementsByTagName () विधि का उपयोग किसी दिए गए टैग नाम वाले दस्तावेज़ में सभी तत्वों का संग्रह प्राप्त करने के लिए किया जाता है। यह सभी दिए गए तत्वों को NodeList ऑब्जेक्ट के रूप में लौटाता है। आप इंडेक्स नंबर का उपयोग करके लौटाए गए ऑब्जेक्ट में किसी भी तत्व तक पहुंच सकते हैं।

कुछ तत्वों को हटाने या जोड़ने के बाद बार-बार getElementsByTagName() विधि को कॉल किए बिना HTML संग्रह लौटाया गया DOM ट्री के साथ सिंक रहता है।

सिंटैक्स

getElementsByTagName() विधि के लिए सिंटैक्स निम्नलिखित है -

element.getElementsByTagName(tagname)

यहां, टैगनाम एक अनिवार्य पैरामीटर मान है जो उस चाइल्ड एलिमेंट टैगनाम को दर्शाता है जिसे हम प्राप्त करना चाहते हैं।

उदाहरण

आइए getElementsByTagName() विधि के लिए एक उदाहरण देखें -

getElementsByTagName() उदाहरण

लोरेम इप्सम डोलर सिट एमेट, कॉन्सेक्टेटूर एडिपिसिंग एलीट, सेड डू ईउसमॉड टेम्पोर इनसिडिडंट यूट लेबर एट डोलोरे मैग्ना एलिका

यूट एनिम एड मिनिम वेनिअम, क्विस नोस्ट्रुड एक्सर्सिटेशन उलमको लेबरिस निसी यूट एलिक्विप एक्स ई कमोडो कॉन्सेक्वेट

आउटपुट

यह निम्नलिखित आउटपुट देगा -

एचटीएमएल डोम getElementsByTagName() विधि

चेंज बटन पर क्लिक करने पर -

एचटीएमएल डोम getElementsByTagName() विधि

उपरोक्त उदाहरण में -

हमने दो पैराग्राफ बनाए हैं जिनसे कोई विशेषता नहीं जुड़ी है -

लोरेम इप्सम डोलर सिट एमेट, कॉन्सेक्टेटूर एडिपिसिंग एलीट, सेड डू ईयूसमॉड टेम्पोर इनसिडिडंट यूट लेबरे एट डोलोरे मैग्ना एलिका

यूट एनिम एड मिनिम वेनिअम, क्विस नोस्ट्रुड एक्सर्सिटेशन उलमको लेबरिस निसि यूट एलिक्विप कमोडो परिणाम

फिर हमने एक बटन बनाया है जो उपयोगकर्ता द्वारा क्लिक किए जाने पर चेंजपारा () को निष्पादित करेगा -

चेंजपारा () विधि दस्तावेज़ ऑब्जेक्ट पर getElementsByTagName () विधि का उपयोग करके दोनों

तत्वों को नोडलिस्टऑब्जेक्ट के रूप में प्राप्त करती है और इसे वेरिएबल पी को असाइन करती है। इंडेक्स नंबरों का उपयोग करके हम पहले पैराग्राफ के लिए टेक्स्ट बदलते हैं और दूसरे पैराग्राफ में कुछ स्टाइल लागू करते हैं -

फ़ंक्शन चेंजपारा() { var p =document.getElementsByClassName("PARA1"); p[0].innerHTML ="यह पाठ बदल दिया गया है"; p[1].style.color ="लाल"; p[1].style.backgroundColor ="पीला";}

  1. HTML DOM getBoundingClientRect () विधि

    HTML DOM getBoundingClientRect () का उपयोग व्यूपोर्ट की स्थिति के सापेक्ष एक तत्व के आकार को वापस करने के लिए किया जाता है। यह DOMRect प्रकार की वस्तु देता है जिसमें आठ गुण बाएँ, ऊपर, दाएँ, नीचे, x, y, चौड़ाई, ऊँचाई हैं। स्क्रॉलिंग स्थिति में परिवर्तन होने पर बाउंडिंग आयत की स्थिति बदल जाती है। सिंट

  1. HTML DOM में विशेषताएँ () विधि है

    HTML DOM में एट्रिब्यूट्स () विधि यह जांचती है कि किसी तत्व में कोई विशेषता है या नहीं। यदि तत्व में कोई विशेषता है तो यह सही है और यदि नहीं है तो यह गलत है। यदि इस विधि को तत्व नोड के अलावा किसी अन्य नोड पर कहा जाता है, तो लौटाया गया मान हमेशा गलत होगा। सिंटैक्स hasAttributes() विधि के लिए सिंटैक्

  1. एचटीएमएल डोम फोकस () विधि

    HTML तत्व पर फ़ोकस देने के लिए HTML DOM फ़ोकस () विधि का उपयोग किया जाता है। सभी HTML तत्वों पर फ़ोकस लागू नहीं किया जा सकता है। उदाहरण के लिए:आप टैग पर फ़ोकस नहीं कर सकते। किसी तत्व से फ़ोकस हटाने के लिए ब्लर () विधि का उपयोग करें। सिंटैक्स निम्नलिखित वाक्य रचना है - HTMLElementObject.focus() उदा