لمشاهدة نبذة عن محتوى الدرس الوصول إلى عناصر واجهة المستخدم Accessing DOM
 استعراض وتعديل عناصر DOM باستخدام JavaScript DOM (Document Object Model) هو الهيكل التنظيمي الذي يمثل وثيقة HTML أو XML بشكل شجري، حيث يكون لكل عنصر في الوثيقة كائن يمثله في شجرة DOM. يمكننا باستخدام JavaScript الوصول إلى هذه العناصر وتعديلها بطرق متعددة. في هذا الشرح، سنستعرض كيفية الوصول إلى العناصر وتعديلها باستخدام بعض الطرق الشائعة.  الطرق الأساسية للوصول إلى عناصر DOM 1. innerText و textContent و innerHTML: - `element.innerText`: للحصول على النص فقط بدون المسافات البيضاء. - `element.textContent`: للحصول على النص مع جميع المسافات البيضاء. - `element.innerHTML`: للحصول على جميع محتويات HTML داخل العنصر. ```javascript var element = document.getElementById('example'); console.log(element.innerText); // عرض النص فقط console.log(element.textContent); // عرض النص مع المسافات…

لمشاهدة نبذة عن محتوى الدرس الوصول إلى عناصر واجهة المستخدم Accessing DOM
 استعراض وتعديل عناصر DOM باستخدام JavaScript DOM (Document Object Model) هو الهيكل التنظيمي الذي يمثل وثيقة HTML أو XML بشكل شجري، حيث يكون لكل عنصر في الوثيقة كائن يمثله في شجرة DOM. يمكننا باستخدام JavaScript الوصول إلى هذه العناصر وتعديلها بطرق متعددة. في هذا الشرح، سنستعرض كيفية الوصول إلى العناصر وتعديلها باستخدام بعض الطرق الشائعة.  الطرق الأساسية للوصول إلى عناصر DOM 1. innerText و textContent و innerHTML: - `element.innerText`: للحصول على النص فقط بدون المسافات البيضاء. - `element.textContent`: للحصول على النص مع جميع المسافات البيضاء. - `element.innerHTML`: للحصول على جميع محتويات HTML داخل العنصر. ```javascript var element = document.getElementById('example'); console.log(element.innerText); // عرض النص فقط console.log(element.textContent); // عرض النص مع المسافات…