جاوا اسکریپت در مرورگر و DOM در جاوا اسکریپت

این بخش شامل آموزش‌های مربوط به جاوا اسکریپت در مرورگر و DOM در جاوا اسکریپت می‌باشد.

📋 فهرست مباحث

• معرفی DOM (مدل شیءگرای سند)
• درخت DOM (DOM Tree)
• انتخابگرها (Selectors) در جاوا اسکریپت
• متدهای getElementById و getElementsByClassName
• متدهای querySelector و querySelectorAll
• دسترسی و تغییر محتوای عناصر (innerText, textContent)
• تغییر محتوای HTML (innerHTML)
• کار با ویژگی‌ها (Attributes) و getAttribute
• تنظیم و حذف ویژگی‌ها (setAttribute, removeAttribute)
• کار با استایل‌ها (Style Property)
• کلاس‌های CSS (classList.add, remove, toggle)
• ایجاد عناصر جدید در صفحه (createElement)
• اضافه کردن عناصر به صفحه (appendChild, insertBefore)
• جایگزینی و حذف عناصر (replaceChild, removeChild)
• پیمایش در DOM (Traversing) - والدین و فرزندان
• پیمایش در DOM - خواهر و برادرها (Siblings)
• ابعاد عناصر (offsetWidth, clientHeight)
• موقعیت‌یابی عناصر (offsetTop, getBoundingClientRect)
• اسکرول کردن در صفحه (scrollTo, scrollBy)
• رویدادها (Events) در جاوا اسکریپت
• نحوه افزودن رویداد (addEventListener)
• حذف رویداد (removeEventListener)
• شیء Event و ویژگی‌های آن
• رویدادهای ماوس (Click, Mouseover, Mouseout)
• رویدادهای کیبورد (Keydown, Keyup, Keypress)
• رویدادهای فرم (Submit, Input, Change)
• رویدادهای صفحه (Load, Resize, Scroll)
• جلوگیری از رفتار پیش‌فرض (preventDefault)
• توقف انتشار رویداد (stopPropagation)
• رویدادهای سفارشی (Custom Events)
• حباب‌زنی و ثبت رویداد (Bubbling & Capturing)
• واگذاری رویداد (Event Delegation)
• معرفی BOM (مدل شیءگرای مرورگر)
• کار با شیء Window
• کادرهای پیام (Alert, Confirm, Prompt)
• زمان‌بندی‌ها (setTimeout و setInterval)
• پاک کردن زمان‌بندی‌ها (clearTimeout, clearInterval)
• کار با LocalStorage
• کار با SessionStorage
• کار با Cookies