getElementById
getElementById() एक DOM मेथड है जिसका उपयोग उस एलिमेंट को लौटाने के लिए किया जाता है जिसमें निर्दिष्ट मान के साथ ID एट्रिब्यूट होता है। यह HTML DOM में सबसे आम मेथड्स में से एक है और लगभग हर बार उपयोग किया जाता है जब हम अपने डॉक्यूमेंट पर किसी एलिमेंट में हेरफेर करना चाहते हैं। यह मेथड null लौटाता है यदि निर्दिष्ट ID वाला कोई एलिमेंट मौजूद नहीं है। ID पेज के भीतर अद्वितीय होना चाहिए। हालांकि, यदि निर्दिष्ट ID वाले एक से अधिक एलिमेंट मौजूद हैं, तो यह जावास्क्रिप्ट कोड में अंतिम एलिमेंट लौटाता है।
उदाहरण-1
निम्नलिखित उदाहरण में, "GetElementById" इनर टेक्स्ट के साथ एक पैराग्राफ टैग मौजूद है और "element" नामक एक आईडी के साथ। DOM मेथड "document.getElementById()" का उपयोग करके पैराग्राफ टैग के अंदर टेक्स्ट को एक्सेस किया गया है और मान आउटपुट में दिखाया गया है। ".innerHtml" के बिना document.getElementById किसी भी टैग के इनर टेक्स्ट भाग को पढ़ नहीं सकता।
<html> <body> <p id="element">GetElementById</p> <script> var s = document.getElementById("element").innerHTML; document.write(s); </script> </body> </html>
आउटपुट
GetElementById GetElementById
उदाहरण-2
निम्नलिखित उदाहरण में, DOM मेथड "getElementById" का उपयोग करके हमने मूल टेक्स्ट भाग "GetElementById" को टेक्स्ट "Tutorix" से बदल दिया है और परिणाम आउटपुट में दिखाया गया है।
<html> <body> <p id="element">GetElementById</p> <script> document.getElementById("element").innerHTML = "Tutorix"; </script> </body> </html>
आउटपुट
Tutorix
