getElementById
getElementById() एक DOM विधि है उस तत्व को वापस करने के लिए उपयोग किया जाता है जिसमें निर्दिष्ट मान के साथ आईडी विशेषता होती है। यह HTML DOM . में सबसे आम तरीकों में से एक है और लगभग हर बार जब हम अपने दस्तावेज़ पर किसी तत्व में हेरफेर करना चाहते हैं तो इसका उपयोग किया जाता है। यह विधि शून्य . लौटाती है यदि निर्दिष्ट आईडी वाला कोई तत्व मौजूद नहीं है। आईडी एक पृष्ठ के भीतर अद्वितीय होनी चाहिए। हालांकि, यदि निर्दिष्ट आईडी के साथ एक से अधिक तत्व मौजूद हैं, तो यह जावास्क्रिप्ट कोड में अंतिम तत्व लौटाता है।
उदाहरण-1
निम्न उदाहरण में, आंतरिक पाठ "GetElementById" और "element" नामक एक आईडी के साथ एक पैराग्राफ टैग मौजूद है। DOM विधि "document.getElementById ()" का उपयोग करके पैराग्राफ टैग के अंदर के टेक्स्ट को एक्सेस किया जाता है और मान आउटपुट में प्रदर्शित होता है। ".innerHtml" के बिना document.getElementById किसी भी टैग के आंतरिक पाठ भाग को नहीं पढ़ सकता है।
GetElementById
आउटपुट
GetElementByIdGetElementById
उदाहरण-2
निम्न उदाहरण में, DOM विधि "getElementById" का उपयोग करके हमने मूल टेक्स्ट भाग "GetElementById" को "Tutorix" टेक्स्ट से बदल दिया है और परिणाम आउटपुट में प्रदर्शित होता है।
GetElementById
आउटपुट
ट्यूटोरिक्स