English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

مثلث عنصر DOM HTML

عنصر Element

يُمثل عنصر Element العنصر HTML مثل <p>،<div>،<a>،<form> أو أي عنصر HTML آخر.

يملك عنصر Element فقط طرق وخصائص مشتركة بين جميع العناصر.

خصائص عنصر Element

الجدول أدناه يبين خصائص عنصر Element:

الخصائصوصف
accessKeyيضبط أو يعود قيمة خاصية accesskey للعنصر
attributesيعود NamedNodeMap لخاصية العنصر
childElementCountيعود عدد الأبناء للعنصر المحدد
childNodesيعود قائمة الأبناء للعنصر (بما في ذلك العناصر النصية والتعليقات)
childrenيعود قائمة الأبناء للعنصر (باستثناء العناصر النصية والتعليقات)
classListيعود اسم الصنف للعنصر
classNameيضبط أو يعود قيمة خاصية class للعنصر
clientHeightيعود طول العنصر بما في ذلك الحشو
clientLeftيعود عرض الجانب الأيسر للعنصر
clientTopيعود عرض الجانب العلوي للعنصر
clientWidthيعود عرض العنصر بما في ذلك الحشو
contentEditableيضبط أو يعود قيمة خاصية contentEditable للعنصر
dirيضبط أو يعود قيمة خاصية dir للعنصر
firstChildيعود العنصر الأول من الأبناء
firstElementChildيعود العنصر الأول من الأبناء (باستثناء العناصر النصية والتعليقات)
idتعيين أو استرداد قيمة الخاصية id للعنصر
innerHTMLتعيين أو استرداد محتوى العنصر
innerTextتعيين أو استرداد محتوى النص للعنصر وأبنائه
isContentEditableإذا كان محتوى العنصر قابلاً للتحرير، فإنه يعود إلى true، وإلا يعود إلى false
langتعيين أو استرداد قيمة الخاصية lang للعنصر
lastChildإرجاع العنصر الأخير من الأبناء
lastElementChildإرجاع العنصر الأخير من الأبناء (لا يتضمن عناصر النص والتعليقات)
namespaceURIإرجاع URI المسمى للعنصر
nextSiblingإرجاع العنصر التالي بنفس مستوى الشجرة
nextElementSiblingإرجاع العنصر التالي بنفس مستوى الشجرة (لا يتضمن عناصر النص والتعليقات)
nodeNameإرجاع اسم العنصر
nodeTypeإرجاع نوع العنصر
nodeValueتعيين أو استرداد قيمة العنصر
offsetHeightإرجاع طول العنصر، بما في ذلك الحشو والهوامش والشوادر
offsetWidthإرجاع عرض العنصر، بما في ذلك الحشو والهوامش والشوادر
offsetLeftإرجاع موقع العنصر الأفقي
offsetParentإرجاع وحدة التدفق الذي يحتوي على العنصر
offsetTopإرجاع موقع العنصر العمودي
ownerDocumentإرجاع العنصر الجذر (مثل وثيقة HTML)
parentNodeإرجاع العنصر الأم للعنصر
parentElementإرجاع العنصر الأم للعنصر
previousSiblingإرجاع العنصر السابق بنفس مستوى الشجرة
previousElementSiblingإرجاع العنصر السابق بنفس مستوى الشجرة (لا يتضمن عناصر النص والتعليقات)
scrollHeightإرجاع عدد يمثل طول عرض العنصر
scrollLeftتعيين أو استرداد عدد يمثل عدد البكسلات للدفع الأفقي للمحتوى
scrollTopتعيين أو استرداد عدد يمثل عدد البكسلات للدفع العمودي للمحتوى
scrollWidthإرجاع عدد يمثل عرض عرض العنصر
styleتعيين أو استرداد قيمة الخاصية style للعنصر
tabIndexتعيين أو استرداد قيمة الخاصية tabindex للعنصر
tagNameإرجاع اسم العنصر
textContentتعيين أو استرداد محتوى النص للعنصر وأبنائه
titleتعيين أو استرداد قيمة الخاصية title للعنصر

طرق عنصر العنصر

الجدول التالي يوضح طرق عنصر Element:

الطريقةوصف
addEventListener()يضيف معالجًا للأحداث إلى العنصر المحدد
appendChild()يضيف ابنًا جديدًا إلى العنصر كابن أخير
blur()يأخذ التركيز بعيدًا عن العنصر
cloneNode()يكرر العنصر
click()يحاكي ضربة فأرة على العنصر
compareDocumentPosition()يقارن مواقع الوثيقة بين العناصر
contains()يعود إلى true إذا كان العقد هو حفيد العقد، وإلا يعود إلى false
focus()يركز على العنصر
getAttribute()يعود إلى قيمة الخاصلة المحددة للعقد
getAttributeNode()يعود إلى العقد الخاص بالخاصلة المحددة
getBoundingClientRect()يعود إلى حجم العنصر وكيفية تواجده بالنسبة للشاشة
getElementsByClassName()يعود إلى قائمة جميع الأبناء الذين يحتويون على اسم الفئة المحدد
getElementsByTagName()يعود إلى قائمة جميع الأبناء الذين يحتويون على اسم العنصر المحدد
hasAttribute()يعود إلى true إذا كان العنصر يحتوي على الخاصلة المحددة، وإلا يعود إلى false
hasAttributes()يعود إلى true إذا كان العنصر يحتوي على أي خصائص، وإلا يعود إلى false
hasChildNodes()يعود إلى true إذا كان العنصر يحتوي على أي بنود فرعية، وإلا يعود إلى false
insertAdjacentElement()يضيف عنصر HTML في الموضع المحدد بالنسبة للعنصر الحالي
insertAdjacentHTML()يضيف نصًا في شكل HTML في الموضع المحدد بالنسبة للعنصر الحالي
insertAdjacentText()يضيف نصًا في الموضع المحدد بالنسبة للعنصر الحالي
insertBefore()يضيف عقدة جديدة قبل عقد الابن المحدد الموجود
isDefaultNamespace()يعود إلى true إذا كان namespaceURI المحدد هو القيمة الافتراضية، وإلا يعود إلى false
isEqualNode()يحقق ما إذا كانت العناصر متساوية
isSameNode()يحقق ما إذا كانت العناصر في نفس العقد
isSupported()يعود إلى true إذا يدعم العنصر الخاصلة المحددة، وإلا يعود إلى false
normalize()يرتبط بين عقد النصوص المتجاورة وي�除 النصوص الفارغة من العنصر
querySelector()يعود إلى أول ابن يتطابق مع مبدأ الاختيار CSS المحدد للعنصر
querySelectorAll()إرجاع جميع الأطفال الذين يتطابقون مع CSS selector المحدد للعنصر
removeAttribute()حذف الخصائص المحددة من العنصر
removeAttributeNode()حذف العقدة الخاص بالخصائص المحددة، وإرجاع العقدة المحذوفة
removeChild()حذف عقدة الأطفال من العنصر
removeEventListener()حذف المعالج الحدث المضافة إلى طريقة addEventListener()
replaceChild()استبدال العقدة الفعلية للأطفال
requestFullscreen()عرض العنصر بال模式下عاملة الشاشة الكاملة
scrollIntoView()سحب العنصر المحدد إلى منطقة المرئية للنافذة المتصفح
setAttribute()تعيين أو تعديل العنصر المحدد إلى القيمة المحددة
setAttributeNode()تعيين أو تعديل العنصر الخاص بالعقدة المحددة
toString()تحويل العنصر إلى نص