HTML DOM डॉक्युमेंट getElementById() विधि

परिभाषा और उपयोग

getElementById() विधि इस आइडी मान के साथ वाला एलिमेंट वापस करेगी。

यदि एलिमेंट मौजूद नहीं है,getElementById() विधि वापस करेगी null।

getElementById() विधि HTML DOM में सबसे अधिक इस्तेमाल की जाने वाली विधियों में से एक है। लगभग हर बार जब आप HTML एलिमेंट को पढ़ना या संपादित करना चाहते हैं, तो इसका इस्तेमाल किया जाता है।

सूचना

कोई आइडी अलग-अलग होना चाहिए है, लेकिन:

यदि दो या अधिक एक समान आइडी वाले एलिमेंट होते हैं तो getElementById() पहला वापस करें।

और देखें:

getElementsByTagName() विधि

getElementsByClassName() विधि

querySelector() विधि

querySelectorAll() विधि

उदाहरण

उदाहरण 1

इस आइडी वाला एलिमेंट ले लें:

document.getElementById("demo");

खुद आज्ञा करें

उदाहरण 2

एलिमेंट ले लें और उसका रंग बदलें:

const myElement = document.getElementById("demo");
myElement.style.color = "red";

खुद आज्ञा करें

उदाहरण 3

या केवल रंग को बदले:

document.getElementById("demo").style.color = "red";

खुद आज्ञा करें

व्याकरण

document.getElementById(elementId)

पारामीटर

पारामीटर वर्णन
elementId अनिवार्य। एलीमेंट का id मान।

वापसी मान

क़िस्म वर्णन
ऑब्जेक्ट

id वाले एलीमेंट

यदि नहीं मिला, तो null वापस करेगी।

तकनीकी विवरण

getElementById() विधि एक महत्वपूर्ण सामान्य विधि है क्योंकि यह निर्दिष्ट दस्तावेज़ एलीमेंट को प्रतिनिधित्व करने वाले Element ऑब्जेक्ट को प्राप्त करने के लिए आसान तरीका प्रदान करती है।

इस विधि इड विशेषता के मान को खोजती है elementId वाले Element नोड कई ढूंढती है और उसे वापस करती है। यदि ऐसा नोड नहीं मिलता, तो यह विधि null।id विशेषता का मान दस्तावेज़ में अद्वितीय है, यदि इस विधि निर्दिष्ट elementId के Element नोड को रेंडम रूप से वापस करेगी, या इसके बजाय null।

ध्यान दें:यह विधि का नाम Id समाप्त करना है, न कि IDसही तरीके से लिखें

HTML दस्तावेज़ में, यह विधि हमेशा निर्दिष्ट id विशेषता वाले एलीमेंट को खोजती है। कृपया HTMLDocument.getElementByName() विधि, उनके name विशेषता के मान के अनुसार HTML एलीमेंट खोजती है।

XML दस्तावेज़ में यह विधि तरह-तरह के id विशेषता के लिए उपयोग की जाती है, चाहे इसका नाम क्या हो। यदि XML विशेषता का तरीका अज्ञात है (जैसे XML पार्सर ने उसे अनदेखा कर दिया है या दस्तावेज़ के DTD को नहीं पाया है), तो यह विधि हमेशा null।क्लायंट साइड जावास्क्रिप्ट में यह विधि अक्सर XML दस्तावेज़ के साथ नहीं उपयोग में आती है। वास्तव में，getElementById() मथड़े शुरू में HTMLDocument इंटरफेस के एक सदस्य के रूप में परिभाषित किया गया था, लेकिन बाद में 2 वाधु DOM में Document इंटरफेस में ले लिया गया।

ब्राउज़र समर्थन

document.getElementById() यह DOM Level 2 (2001) विशेषता है।

सभी ब्राउज़र समर्थित करते हैं:

च्रोम आईई एज फायरफॉक्स सैफारी ओपेरा
च्रोम आईई एज फायरफॉक्स सैफारी ओपेरा
समर्थन 9-11 समर्थन समर्थन समर्थन समर्थन

संबंधित पृष्ठ

CSS ट्यूटोरियल:CSS व्याकरण

CSS संदर्भ दस्तावेज़:CSS #id चयनक

HTML DOM संदर्भ दस्तावेज़:HTML DOM id विशेषता

HTML DOM संदर्भ दस्तावेज़:एचटीएमएल डॉम स्टाइल ऑब्जेक्ट