استخدامات الجافا سكريبت

كيفية حذف عنصر HTML بإستخدام الجافا سكريبت ؟

وذلك عن طريق: HTML element.remove();

كيفية إنشاء عنصر HTML بإستخدام الجافا سكريبت ؟

وذلك عن طريق document.createElement("اسم العنصر")

ثم بعد ذلك نضع هذا العنصر داخل ملف الhtml وذلك عن طريق:

HTML element.append(العنصر الذى تم إنشاءه)
أو
HTML element.prepend(العنصر الذى تم إنشاءه)

كيفية إضافة class لعنصر HTML بإستخدام الجافا سكريبت؟

وذلك عن طريق HTML element.classList.add("class1", "class2", ...)

كيفية حذف class لعنصر HTML بإستخدام الجافا سكريبت؟

وذلك عن طريق HTML element.classList.remove("class1", "class2", ...)

كيفية إضافة مُحتوى للعنصر الجديد؟

وذلك عن طريق HTML element.innerText="اتعلم فى ساعة"

تمارين جافا سكريبت

  1. حذف عنصر HTML موجود اصلاً فى ملف الHTML
  2. إنشاء عنصر HTML و إضافة له class يُسمى prince
  3. بعد إنشاء العنصر اضف له مُحتوي علي مزاجك انت يا رايق
  4. وايضا اضافة id يكون اسمه myid

الفيديوهات الخاصة بالدرس

#4 التحكم فى عناصر ال HTML

فى هذا الفيديو تم شرح
الوقتالشرح
00:00عمل نسخة احتياطية من الملفات
01:20استخدامات الجافا سكريبت
02:10remove HTML element
06:25javascript queryselector

#4.1 الكود ده تبع مييييين ؟

فى هذا الفيديو تم شرح
الوقتالشرح
00:00اهم نصيحة فى كورس الجافا سكريبت
03:40NO JavaScript semi-colon
04:24create HTML element
06:35JavaScript prepend
08:22JavaScript append

#4.2 التلاعب فى الموقع باستخدام الجافا سكريبت

فى هذا الفيديو تم شرح
الوقتالشرح
00:00وضع عنصر داخل ملف HTML
02:28add class to html element
05:22remove a class from HTML element
07:30اضافة مُحتوى لعنصر html

#4.3 تعلم كيف تبحث وتحصل على المعلومة من المصدر

فى هذا الفيديو تم شرح
الوقتالشرح
00:00حذف عنصر HTML
03:00انشاء عنصر HTML
05:57add class to HTML element
06:37اضافة محتويات لعنصر HTML
08:06اهم جزء فى الفيديو
😡
انت مشغل الـ AdBlock !!

ياريت تقفله لوسمحت 😊 😊

تنبيه هام ✋

إذا كانت الإعلانات مزعجة بالنسبة لك، فيُمكنك التبرع ب50$ وسيتم إيقاف الإعلانات لمدة شهر لجميع زوار الموقع 🧡 ويُمكنك التواصل معنا عن طريق صفحة الفيس بوك