HTML DOM getElementById() طریق
تعریف اور استعمال
getElementById() طریق کو مقرر کئے گئے آئی ڈی والا پہلا آئیٹم کا حوالہ واپس لایا جاتا ہے۔
قواعد
document.getElementById(id)
شرح
HTML DOM متعدد عناصر تلاش کرنے کی متعدد طریقیں دیتا ہے، getElementById() کے علاوہ، getElementsByName() اور getElementsByTagName() بھی ہیں۔
لیکن اگر آپ دکومنٹ میں کسی خاص عناصر کو تلاش کرنا چاہتے ہیں تو getElementById() یعنی سب سے مؤثر طریقہ ہے۔
جسٹ دکومنٹ کا ایک خاص عناصر اپنے لئے ایک آئی ڈی اپنائیں، اس کو ایک (دکومنٹ میں) منفرد نام مقرر کریں، تو آپ کسی بھی عناصر کو اس آئی ڈی کے ذریعے تلاش کرسکتے ہیں۔
مثال
مثال 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) لکھنا چاہئیے، اور اس پر آگاہ رکھنا چاہئیے۔
