HTML DOM العقد
في DOM HTML (Document Object Model) ، كل شيء عقدة:
- الوثيقة نفسها هي عقدة ثيقة
- جميع عناصر HTML هي العقد عنصر
- كل سمات HTML هي السمة العقد
- النص داخل عناصر HTML والنص العقد
- التعليقات هي العقد تعليق
كائن المستند
عندما يتم تحميل وثيقة HTML في مستعرض ويب، يصبح كائن مستند.
كائن المستند هو عقدة الجذر من وثيقة HTML و "owner" من كافة العقد الأخرى:
(العقد عنصر، والعقد النص، ويعزو العقد، والعقد تعليق).
يوفر كائن المستند الخصائص والأساليب للوصول إلى كافة الكائنات عقدة، من داخل جافا سكريبت.
Tip: إن الوثيقة هي جزء من الكائن النوافذ ويمكن الوصول إليها كما window.document.
دعم المتصفح
| موضوع | |||||
|---|---|---|---|---|---|
| Document | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
ويدعم كائن المستند في جميع المتصفحات الرئيسية.
خصائص كائن المستند وطرق
الخصائص والأساليب التالية يمكن استخدامها على وثائق HTML:
| الملكية / طريقة | وصف |
|---|---|
| document.activeElement | إرجاع عنصر تركز حاليا في الوثيقة |
| وثيقة. addEventListener() | تعلق معالج حدث للوثيقة |
| وثيقة. adoptNode() | يعتمد عقدة من وثيقة أخرى |
| document.anchors | إرجاع جمع كل <a> عناصر في الوثيقة التي تحتوي على سمة اسم |
| document.applets | إرجاع مجموعة من كافة <applet> العناصر في وثيقة |
| document.baseURI | إرجاع URI قاعدة المطلق وثيقة |
| document.body | مجموعات أو إرجاع الجسم الوثيقة (the <body> element) |
| وثيقة. close() | يغلق دفق إخراج افتتح في وقت سابق مع وثيقة. open() |
| document.cookie | بإرجاع كافة أزواج الاسم / قيمة cookies في وثيقة |
| وثيقة. createAttribute() | يخلق عقدة سمة |
| وثيقة. createComment() | يخلق عقدة تعليق مع النص المحدد |
| وثيقة. createDocumentFragment() | يخلق عقدة DocumentFragment فارغة |
| وثيقة. createElement() | يخلق عقدة عنصر |
| وثيقة. createTextNode() | يخلق عقدة النص |
| document.doctype | إرجاع إعلان نوع الوثيقة المرتبطة مع وثيقة |
| document.documentElement | إرجاع العنصر وثيقة من وثيقة (the <html> element) |
| document.documentMode | إرجاع طريقة تستخدم من قبل المتصفح لتقديم وثيقة |
| document.documentURI | مجموعات أو إرجاع موقع المستند |
| document.domain | يعود اسم المجال من الملقم الذي تحميل المستند |
| document.domConfig | عفا عليها الزمن. إرجاع التكوين DOM من الوثيقة |
| document.embeds | إرجاع مجموعة من كافة <embed> عناصر الوثيقة |
| document.forms | إرجاع مجموعة من كافة <form> العناصر في وثيقة |
| وثيقة. getElementById() | إرجاع العنصر الذي يحتوي على ID السمة مع القيمة المحددة |
| وثيقة. getElementsByClassName() | إرجاع NodeList تحتوي على جميع العناصر مع اسم الفئة المحددة |
| وثيقة. getElementsByName() | إرجاع NodeList تحتوي على جميع العناصر مع اسم محدد |
| وثيقة. getElementsByTagName() | إرجاع NodeList تحتوي على جميع العناصر مع اسم العلامة المحدد |
| وثيقة. hasFocus() | إرجاع قيمة منطقية تشير إلى ما إذا كان المستند يحتوي التركيز |
| document.head | إرجاع <head> عنصر من الوثيقة |
| document.images | إرجاع مجموعة من كافة <img> العناصر في وثيقة |
| document.implementation | يعود الكائن DOMImplementation الذي يعالج هذه الوثيقة |
| وثيقة. importNode() | وتستورد عقدة من وثيقة أخرى |
| document.inputEncoding | يعود الترميز، مجموعة الأحرف المستخدمة في الوثيقة |
| document.lastModified | إرجاع التاريخ والوقت والوثيقة آخر تعديل |
| document.links | إرجاع جمع كل <a> و <area> العناصر في الوثيقة التي لها الخاصية href |
| وثيقة. normalize() | يزيل العقد نص فارغة، وينضم العقد المجاورة |
| وثيقة. normalizeDocument() | يزيل العقد نص فارغة، وينضم العقد المجاورة |
| وثيقة. open() | يفتح الناتج تيار HTML لجمع الإخراج من وثيقة. write() |
| وثيقة. querySelector() | يعود العنصر الأول الذي يطابق CSS المحدد selector(s) في وثيقة |
| وثيقة. querySelectorAll() | إرجاع NodeList ثابت يحتوي على جميع العناصر التي تطابق المحدد CSS selector(s) في وثيقة |
| document.readyState | إرجاع (loading) وضع وثيقة |
| document.referrer | إرجاع URL من الوثيقة التي حملت الوثيقة الحالية |
| وثيقة. removeEventListener() | يزيل معالج حدث من الوثيقة (التي تم المرفقة مع addEventListener() طريقة) |
| وثيقة. renameNode() | إعادة تسمية العقدة المحددة |
| document.scripts | إرجاع مجموعة من <script> العناصر في وثيقة |
| document.strictErrorChecking | مجموعات أو إرجاع ما إذا كان فرض تدقيق الأخطاء أم لا |
| document.title | مجموعات أو إرجاع عنوان المستند |
| document.URL | إرجاع URL الكامل للوثيقة HTML |
| وثيقة. write() | يكتب عبارات HTML أو شفرة جافا سكريبت لوثيقة |
| وثيقة. writeln() | نفس write() ، ولكنها تضيف حرف السطر الجديد بعد كل بيان |
تحذير !!!
في W3C DOM الأساسية، كائن المستند يرث كافة الخصائص والأساليب من الكائن عقدة.
العديد من هذه الخصائص والأساليب لا معنى المستخدمة في الوثائق.
تجنب استخدام هذه خصائص الكائن عقدة والأساليب على كائنات المستند HTML:
| الملكية / طريقة | السبب لتجنب |
|---|---|
| document.attributes | وثائق لا تملك الصفات |
| وثيقة. hasAttributes() | وثائق لا تملك الصفات |
| document.nextSibling | الوثائق لا يكون الأشقاء |
| document.nodeName | هذا هو دائما #document |
| document.nodeType | هذا هو دائما 9 (DOCUMENT_NODE) |
| document.nodeValue | الوثائق لا يكون لها قيمة عقدة |
| document.ownerDocument | وثائق لا تملك وثيقة مالك |
| document.ownerElement | الوثائق لا يكون عنصرا مالك |
| document.parentNode | الوثائق لم يكن لديك عقدة الأم |
| document.previousSibling | الوثائق لا يكون الأشقاء |
| document.textContent | الوثائق لم يكن لديك محتوى النص |