كائن مستند HTML DOM هو صاحب جميع الكائنات الأخرى في صفحة الويب الخاصة بك.
كائن HTML DOM الوثيقة
يمثل كائن مستند صفحة الويب الخاصة بك.
إذا كنت ترغب في الوصول إلى أي عنصر في صفحة HTML، وكنت دائما تبدأ مع الوصول إلى كائن المستند.
وفيما يلي بعض الأمثلة على كيفية استخدام كائن المستند للوصول إلى والتلاعب HTML.
اكتشاف عناصر HTML
| طريقة | وصف |
|---|---|
| document.getElementById( id ) | البحث عن عنصر عن طريق معرف عنصر |
| document.getElementsByTagName( name ) | البحث عن العناصر التي اسم العلامة |
| document.getElementsByClassName( name ) | البحث عن العناصر التي اسم الفئة |
تغيير عناصر HTML
| طريقة | وصف |
|---|---|
| element .innerHTML = new html content | تغيير HTML الداخلية لعنصر |
| element . attribute = new value | تغيير قيمة السمة عنصر HTML |
| element .setAttribute (attribute, value) | تغيير قيمة السمة عنصر HTML |
| element .style. property = new style | تغيير نمط عنصر HTML |
إضافة وحذف العناصر
| طريقة | وصف |
|---|---|
| document.createElement( element ) | إنشاء عنصر HTML |
| document.removeChild( element ) | إزالة عنصر HTML |
| document.appendChild( element ) | إضافة عنصر HTML |
| document.replaceChild( element ) | استبدال عنصر HTML |
| document.write( text ) | إرسال إلى دفق إخراج HTML |
إضافة أحداث معالجات
| طريقة | وصف |
|---|---|
| document.getElementById( id ).onclick = function(){ code } | إضافة رمز معالج الحدث إلى onclick الحدث |
العثور على كائنات HTML
أول HTML DOM المستوى 1 (1998)، تحديد الأجسام 11 HTML، مجموعات الكائن، والخصائص. هذه لا تزال سارية المفعول في HTML5.
وفي وقت لاحق، في HTML DOM المستوى 3، تم إضافة المزيد من الكائنات، والمجموعات، وممتلكاتهم.
| الملكية | وصف | DOM |
|---|---|---|
| document.anchors | بإرجاع كافة <a> العناصر التي تحتوي على سمة اسم | 1 |
| document.applets | بإرجاع كافة <applet> عناصر (إهمال في HTML5) | 1 |
| document.baseURI | إرجاع URI قاعدة المطلق للوثيقة | 3 |
| document.body | إرجاع <body> العنصر | 1 |
| document.cookie | يعود الكعكة الوثيقة | 1 |
| document.doctype | يعود DOCTYPE الوثيقة | 3 |
| document.documentElement | إرجاع <html> العنصر | 3 |
| document.documentMode | إرجاع طريقة تستخدم من قبل المتصفح | 3 |
| document.documentURI | إرجاع URI من الوثيقة | 3 |
| document.domain | يعود اسم المجال من ملقم المستند | 1 |
| document.domConfig | عفا عليها الزمن. إرجاع التكوين DOM | 3 |
| document.embeds | بإرجاع كافة <embed> عناصر | 3 |
| document.forms | بإرجاع كافة <form> عناصر | 1 |
| document.head | إرجاع <head> العنصر | 3 |
| document.images | بإرجاع كافة <img> عناصر | 1 |
| document.implementation | ترجع تنفيذ DOM | 3 |
| document.inputEncoding | يعود ترميز الوثيقة (مجموعة الأحرف) | 3 |
| document.lastModified | يعود تاريخ ووقت تم تحديث وثيقة | 3 |
| document.links | عودة جميع <area> و <a> العناصر التي لها الخاصية href | 1 |
| document.readyState | إرجاع (تحميل) وضع وثيقة | 3 |
| document.referrer | إرجاع URI من المرجع (وثيقة تربط بين) | 1 |
| document.scripts | بإرجاع كافة <script> العناصر | 3 |
| document.strictErrorChecking | عوائد في حالة فرض التحقق من الخطأ | 3 |
| document.title | إرجاع <title> العنصر | 1 |
| document.URL | إرجاع عنوان URL الكامل للوثيقة | 1 |