مستند HTML DOM ، 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
مرجع CSS: CSS #id Selector
دعم المتصفح
document.getElementById()
هي ميزة DOM من المستوى 2 (2001).
إنه مدعوم بالكامل في جميع المتصفحات:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |