دالة getElementById() في HTML DOM
التعريف والاستخدام
يستطيع دالة getElementById() العودة إلى الإشارة الأولى للموضوع الذي يحتوي على ID المحدد.
النحو
document.getElementById(id)
شرح
يحدد HTML DOM عدة طرق للبحث عن العناصر، بالإضافة إلى getElementById()، هناك getElementsByName() وgetElementsByTagName().
لكن، إذا كنت بحاجة إلى البحث عن عنصر معين في المستند، فإن أفضل طريقة هي استخدام getElementById().
عند التعامل مع عنصر معين في مستند، من الأفضل تخصيص له خاصية id، وتعيين اسم فريد (في المستند) له، ثم يمكنك البحث عن العنصر باستخدام هذا ID.
مثال
مثال 1
<html>
<head>
<script type="text/javascript">
وظيفة getValue() {
{
م変ية x=document.getElementById("myHeader")
alert(x.innerHTML)
}
</script>
</head>
</body>
<h1 id="myHeader" onclick="getValue()">هذا هو العنوان</h1>
<p>انقر على العنوان لعرض قيمته</p>
</body>
</html>
مثال 2
getElementById() هي طريقة مهمة، في تصميم DOM، تستخدم بشكل شائع. لقد قمنا بتعريف وظيفة أداة، بحيث يمكنك استخدام طريقة getElementById() عبر اسم قصير:
وظيفة id(x) {
إذا (typeof x == "string") return document.getElementById(x);
return x;
}
هذه الوظيفة تأخذ معرف العنصر كمعاملات لها. لكل من هذه المعاملات، يمكنك كتابة x = id(x) قبل استخدامها.
