طريقة getElementById() لـ HTML DOM
تعريف والاستخدام
يستطيع استخدام 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() ایک اہم طریقہ ہے، DOM پروگرامنگ میں، اس کا استعمال بہت عام ہوتا ہے۔ آپ کیلئے ایک آلہ فونکشن دفاعی کردیم، جس کی مدد سے آپ getElementById() طریقہ کار کو قلیل نام کے ذریعے استعمال کرسکتے ہیں:
function id(x) {
if (typeof x == "string") return document.getElementById(x);
return x;
}
یہ فونکشن عناصر کے آئی ڈی کو اپنے پارامتر کے طور پر قبول کرتی ہے۔ ہر ایسے پارامتر کیلئے، آپ کے استعمال سے پہلے یہ لکھ سکتے ہیں x = id(x)۔
