JavaScript - DOM Document

JavaScript - كائن DOM Document

🔸 document هو الكائن الأساسي الذي يُمثل الصفحة كاملة داخل JavaScript. يمكنك من خلاله الوصول إلى عناصر HTML، تعديلها، أو حتى إنشاء عناصر جديدة.

---

🔹 أهم استخدامات document

document.getElementById("demo");          // الوصول إلى عنصر بالـ id
document.getElementsByTagName("p");       // الوصول إلى العناصر حسب الوسم
document.querySelector(".box");           // اختيار عنصر باستخدام CSS Selector
document.createElement("div");            // إنشاء عنصر جديد

---

🔹 خصائص عامة للكائن document

document.title          // عنوان الصفحة
document.body           // عنصر 
document.head           // عنصر 
document.URL            // رابط الصفحة
document.domain         // النطاق
document.lastModified   // آخر تعديل للملف

---

🔹 تعديل عنوان الصفحة

document.title = "عنوان جديد للصفحة";

---

🔹 الوصول إلى محتوى النصوص

document.body.innerText;   // كل النص الموجود في body
document.documentElement;  // العنصر 

---

🔹 التحقق من الجاهزية (DOMContentLoaded)

document.addEventListener("DOMContentLoaded", function() {
  console.log("الصفحة أصبحت جاهزة للتعامل معها.");
});

---

⚠️ ملاحظات مهمة

• جميع العمليات على الصفحة تبدأ من document.
• يمكن استخدامه لإنشاء، حذف، وتعديل العناصر.
• التأكد من أن الصفحة جاهزة باستخدام DOMContentLoaded مفيد قبل التعديل.