مستندات جافا سكربت HTML DOM

HTML DOM Document Object هو المالك لجميع العناصر الأخرى في صفحتك.

HTML DOM Document Object

represents the webpage.

إذا كنت ترغب في الوصول إلى أي عنصر في صفحة HTML، فإنك دائمًا تبدأ بزيارة objekt document.

إليك بعض الأمثلة على كيفية استخدام objekt document للاستعلام والتعامل مع HTML.

البحث عن عنصر HTML

الطريقة وصف
document.getElementById(id) البحث عن العنصر عن طريق id العنصر
document.getElementsByTagName(الاسم) البحث عن العنصر عن طريق اسم العلامة
document.getElementsByClassName(الاسم) البحث عن العنصر عن طريق الاسم

تغيير عنصر HTML

الطريقة وصف
element.innerHTML = محتوى HTML الجديد تغيير 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 Level 1 (1998)، تعريف 11 عنصر HTML، مجموعة من العناصر والخصائص. إنها لا تزال صالحة في HTML5.

بعد ذلك، في HTML DOM Level 3، تم إضافة المزيد من الأشياء والمجموعات والخصائص.

خصائص وصف DOM
document.anchors يعيد جميع عناصر <a> التي تحتوي على الخاصية name. 1
document.applets يعيد جميع عناصر <applet>غير مستخدم في HTML5. 1
document.baseURI يعيد URI الأساسي المستقل لمستند 3
document.body يعيد عنصر <body> 1
document.cookie يعيد ملفات الـ 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