HTML DOM getElementById() विधि
परिभाषा और उपयोग
getElementById() विधि निर्दिष्ट ID वाले पहले तत्व के लिए संदर्भ वापस करती है।
व्याकरण
document.getElementById(id)
व्याख्या
HTML DOM कई तरह के तत्वों को खोजने के लिए वर्णित करता है, getElementById() के अलावा, इसमें getElementsByName() और getElementsByTagName() भी हैं।
हालांकि, अगर आपको दस्तावेज़ के एक विशेष तत्व को खोजना है, तो getElementById() का उपयोग करना सबसे अच्छा तरीका है।
दस्तावेज़ के एक विशेष तत्व को ऑपरेट करते समय, बेहतर है कि उसके लिए एक id अटिबात दें, उसे (दस्तावेज़ में) एक अद्वितीय नाम निर्दिष्ट करें और फिर उसे इस ID के द्वारा खोज सकते हैं।
इंस्टांस
उदाहरण 1
<html>
<head>
<script type="text/javascript">
function getValue()
{
var x=document.getElementById("myHeader")
alert(x.innerHTML)
}
</script>
</head>
</body>
<h1 id="myHeader" onclick="getValue()">यह एक हेडर है</h1>
<p>हेडर पर क्लिक करें ताकि इसका मूल्य अलर्ट हो</p>
</body>
</html>
उदाहरण 2
getElementById() एक महत्वपूर्ण तरीका है, डॉम प्रोग्रामिंग में, इसका उपयोग बहुत आम है।हमारे लिए एक औजार की फ़ंक्शन को परिभाषित किया गया है, इससे आपको getElementById() तरीका को एक छोटे नाम से उपयोग करने में सहायता मिलेगी:
function id(x) {
if (typeof x == "string") return document.getElementById(x);
return x;
}
इस फ़ंक्शन में एलिमेंट का आईडी उनके पारामीटर के रूप में लिया जाता है।इस तरह के प्रत्येक पारामीटर के लिए, आपको इस्तेमाल करने से पहले x = id(x) लिखना होगा।
