HTML DOM العقد
في DOM HTML (Document Object Model) ، كل شيء عقدة:
- الوثيقة نفسها هي عقدة ثيقة
- جميع عناصر HTML هي العقد عنصر
- كل سمات HTML هي السمة العقد
- النص داخل عناصر HTML والنص العقد
- التعليقات هي العقد تعليق
كائن العنصر
في DOM HTML، يمثل الكائن عنصر عنصر HTML.
يمكن كائنات عنصر يكون العقد التابعة العقد نوع العنصر، النص العقد، أو العقد للتعليق.
يمثل كائن NodeList قائمة العقد، مثل جمع عنصر HTML من العقد التابعة.
يمكن أيضا أن يكون عناصر الصفات. الصفات هي العقد السمة (See next chapter) .
دعم المتصفح
موضوع | |||||
---|---|---|---|---|---|
Element | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
NodeList | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
معتمدة على كائن العنصر وكائن NodeList في جميع المتصفحات الرئيسية.
خصائص وطرق
الخصائص والأساليب التالية يمكن استخدامها على جميع عناصر HTML:
الملكية / طريقة | وصف |
---|---|
element .accessKey | مجموعات أو إرجاع accesskey سمة عنصر |
element . addEventListener() | تعلق معالج الحدث لعنصر محدد |
element . appendChild() | ويضيف عقدة تابعة جديدة، لعنصر، مثل عقدة تابعة مشاركة |
element .attributes | إرجاع NamedNodeMap من سمات عنصر في |
element . blur() | يزيل التركيز من عنصر |
element .childElementCount | إرجاع عدد من العناصر التابعة عنصر له |
element .childNodes | إرجاع مجموعة من العقد التابعة عنصر (بما في ذلك النص والتعليق عليه العقد) |
element . الأطفال | إرجاع مجموعة من عنصر تابع عنصر (باستثناء النص والتعليق عليه العقد) |
element .classList | إرجاع الطبقة name(s) عنصر |
element .className | مجموعات أو إرجاع قيمة class سمة عنصر |
element . click() | يحاكي الماوس الأيمن فوق على عنصر |
element .clientHeight | يعود ارتفاع عنصر، بما في ذلك الحشو |
element .clientLeft | إرجاع عرض الحد الأيسر من عنصر |
element .clientTop | إرجاع عرض الحد العلوي من عنصر |
element .clientWidth | إرجاع عرض عنصر، بما في ذلك الحشو |
element . cloneNode() | استنساخ عنصر |
element . compareDocumentPosition() | يقارن موقف ثيقة من عنصرين |
element . contains() | عرض true إذا كانت عقدة هو سليل عقدة، كاذبة غير ذلك |
element .contentEditable | مجموعات أو إرجاع ما إذا كان المحتوى من عنصر غير قابل للتحرير أم لا |
element .dir | مجموعات أو إرجاع قيمة dir سمة عنصر |
element .firstChild | ترجع عقدة تابعة أول عنصر |
element .firstElementChild | إرجاع العنصر التابع الأول من عنصر |
element . focus() | يعطي التركيز إلى عنصر |
element . getAttribute() | إرجاع specified قيمة سمة من عقدة عنصر |
element . getAttributeNode() | إرجاع specified عقدة سمة |
element . getElementsByClassName() | إرجاع جمع كل العناصر التابعة مع اسم الفئة المحددة |
element . getElementsByTagName() | إرجاع جمع كل العناصر التابعة مع اسم العلامة المحدد |
element . getFeature() | بإرجاع كائن الذي ينفذ واجهات برمجة التطبيقات من ميزة محددة |
element . hasAttribute() | عرض true إذا كان العنصر لديه specified السمة، كاذبة غير ذلك |
element . hasAttributes() | عرض true إذا كان العنصر يحتوي على أية سمات، كاذبة غير ذلك |
element . hasChildNodes() | عرض true إذا كان العنصر لديه أي العقد التابعة، كاذبة غير ذلك |
element .id | مجموعات أو إرجاع قيمة id سمة عنصر |
element .innerHTML | مجموعات أو إرجاع محتوى عنصر |
element . insertBefore() | إدراج عقدة تابعة جديدة أمام، القائمة، عقدة تابعة محددة |
element .isContentEditable | عرض true إذا كان محتوى عنصر غير قابل للتحرير، كاذبة غير ذلك |
element . isDefaultNamespace() | عرض true إذا كان namespaceURI محدد هو الافتراضي، كاذبة غير ذلك |
element . isEqualNode() | يتحقق إذا عنصرين متساوية |
element . isSameNode() | يتحقق إذا عنصرين هي نفس العقدة |
element . isSupported() | يعود صحيحا إذا تم دعم ميزة محددة على العنصر |
element .lang | مجموعات أو إرجاع قيمة lang سمة عنصر |
element .lastChild | إرجاع مشاركة عقدة تابعة عنصر |
element .lastElementChild | يعود آخر عنصر تابع عنصر |
element .namespaceURI | إرجاع مساحة الاسم URI عنصر |
element .nextSibling | ترجع عقدة القادمة على نفس المستوى شجرة العقدة |
element .nextElementSibling | إرجاع العنصر التالي في نفس مستوى شجرة العقدة |
element .nodeName | إرجاع اسم العقدة |
element .nodeType | إرجاع نوع عقدة عقدة |
element .nodeValue | مجموعات أو إرجاع قيمة عقدة |
element . normalize() | ينضم النص العقد المجاورة ويزيل العقد نص فارغة في عنصر |
element .offsetHeight | يعود ارتفاع عنصر، بما في ذلك الحشو، والحدود والتمرير |
element .offsetWidth | إرجاع عرض عنصر، بما في ذلك الحشو، والحدود والتمرير |
element .offsetLeft | إرجاع موقف تعويض الأفقي عنصر |
element .offsetParent | إرجاع الحاويات إزاحة عنصر |
element .offsetTop | إرجاع موقف تعويض الرأسي للعنصر |
element .ownerDocument | إرجاع العنصر الجذر (document object) لعنصر |
element .parentNode | إرجاع العقدة الأصل عنصر |
element .parentElement | ترجع عقدة العنصر الأصل عنصر |
element .previousSibling | إرجاع العقدة السابقة على نفس المستوى شجرة العقدة |
element .previousElementSibling | إرجاع العنصر السابق في نفس المستوى شجرة العقدة |
element . querySelector() | إرجاع عنصر الطفل الأول الذي يتطابق مع CSS المحدد selector(s) من عنصر |
العنصر. querySelectorAll() | إرجاع كافة العناصر التابعة يطابق CSS المحدد selector(s) من عنصر |
element . removeAttribute() | يزيل سمة محددة من عنصر |
element . removeAttributeNode() | يزيل عقدة السمة المحددة، وإرجاع العقدة التي تمت إزالتها |
element . removeChild() | يزيل عقدة الطفل من عنصر |
element . replaceChild() | يحل عقدة تابعة في عنصر |
element . removeEventListener() | يزيل معالج الحدث الذي تم إرفاقه مع addEventListener() طريقة |
element .scrollHeight | يعود الارتفاع بأكمله من عنصر، بما في ذلك الحشو |
element .scrollLeft | مجموعات أو إرجاع عدد البكسل يتم تمريره محتوى عنصر أفقيا |
element .scrollTop | مجموعات أو إرجاع عدد البكسل يتم تمريره محتوى عنصر في عموديا |
element .scrollWidth | إرجاع كامل عرض عنصر، بما في ذلك الحشو |
element . setAttribute() | مجموعات أو يغير specified السمة، إلى القيمة المحددة |
element . setAttributeNode() | مجموعات أو يغير specified عقدة سمة |
element .style | مجموعات أو إرجاع قيمة style سمة عنصر |
element .tabIndex | مجموعات أو إرجاع قيمة tabindex سمة عنصر |
element .tagName | يعود اسم العلامة عنصر |
element .textContent | مجموعات أو إرجاع المحتوى النصي من عقدة ونسله |
element .title | مجموعات أو إرجاع قيمة title سمة عنصر |
element . toString() | تحويل عنصر إلى سلسلة |
nodelist. item() | إرجاع العقدة في الفهرس المحدد في NodeList |
مدة العرض nodelist | إرجاع عدد العقد في NodeList |