एचटीएमएल डोम दस्तावेज़ getElementById ()
उदाहरण
निर्दिष्ट आईडी के साथ तत्व प्राप्त करें:
document.getElementById("demo");
तत्व प्राप्त करें और उसका रंग बदलें:
const myElement = document.getElementById("demo");
myElement.style.color = "red";
या बस उसका रंग बदलें:
document.getElementById("demo").style.color = "red";
परिभाषा और उपयोग
getElementById()
विधि एक निर्दिष्ट मान के साथ एक तत्व देता है ।
यदि तत्व मौजूद नहीं है तो getElementById()
विधि वापस आती है।null
यह getElementById()
विधि HTML DOM में सबसे आम विधियों में से एक है। इसका उपयोग लगभग हर बार किया जाता है जब आप किसी HTML तत्व को पढ़ना या संपादित करना चाहते हैं।
ध्यान दें
कोई भी आईडी अद्वितीय होनी चाहिए, लेकिन:
यदि समान आईडी वाले दो या दो से अधिक तत्व मौजूद हैं, getElementById()
तो पहला लौटाता है।
यह सभी देखें:
दस्तावेज़ getElementsByTagName () विधि:
दस्तावेज़ getElementsByClassName () विधि
वाक्य - विन्यास
document.getElementById(elementID)
मापदंडों
Parameter | Description |
id | Required. The id value of an element. |
प्रतिलाभ की मात्रा
प्रकार | विवरण |
वस्तु | निर्दिष्ट आईडी वाला तत्व। null यदि तत्व मौजूद नहीं है। |
संबंधित पृष्ठ:
सीएसएस ट्यूटोरियल: सीएसएस सिंटेक्स
CSS संदर्भ: CSS #id चयनकर्ता
एचटीएमएल डोम संदर्भ: एचटीएमएल डोम आईडी संपत्ति
एचटीएमएल डोम संदर्भ: एचटीएमएल डोम स्टाइल ऑब्जेक्ट
ब्राउज़र समर्थन
document.getElementById()
एक डोम लेवल 2 (2001) फीचर है।
यह सभी ब्राउज़रों में पूरी तरह से समर्थित है:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |