جلسه ۷۱ : معرفی HTML DOM در جاوا اسکریپت

• جزئیات
• نوع محتواآموزش تصویری

با عرض سلام خدمت کاربران محترم سایت پی وی لرن.
در این جلسه قصد داریم تا با HTML DOM در جاوا اسکریپت JavaScript آشنا شویم و به معرفی HTML DOM در جاوا اسکریپت بپردازیم .

با HTML DOM، جاوا اسکریپت می تواند به تمام عناصر (element) یک سند HTML دسترسی پیدا کند و آن ها را تغییر دهد.

(HTML DOM (Documenr Object Model

هنگامی که یک صفحه وب بارگذاری شود، مرورگر یک Document Object Model از صفحه ایجاد می کند.

مدل HTML DOM به عنوان یک درخت اشیا ساخته شده است:

با HTML DOM، جاوا اسکریپت تمام قدرت لازم برای ایجاد یک صفحه HTML پویا را در اختیار دارد:

• جاوا اسکریپت می تواند تمام عناصر HTML صفحه را تغییر دهد
• جاوا اسکریپت می تواند تمام ویژگی های HTML صفحه را تغییر دهد
• جاوا اسکریپت می تواند تمام استایل های CSS صفحه را تغییر دهد
• جاوا اسکریپت می تواند تمام عناصر و ویژگی های HTML صفحه را از بین ببرد
• جاوا اسکریپت می تواند عناصر و ویژگی های HTML جدیدی را اضافه کند
• جاوا اسکریپت می تواند به تمام رویداد های HTML در صفحه واکنش نشان دهد
• جاوا اسکریپت می تواند رویداد HTML جدیدی را در صفحه ایجاد کند

DOM چیست؟

DOM یک استاندارد W3C (World Wide Web Consortium) است.

DOM یک استاندارد برای دسترسی به اسناد تعریف می کند:

DOM یک رابط کاربری پلتفرم و زبان بی طرفی است که به برنامه ها و اسکریپت ها این امکان را می دهد تا به به صورت پویا به محتوا،ساختار و استایل سند دسترسی داشته باشند و آن را بروزرسانی کنند

مدل DOM استاندارد به ۳ بخش مختلف تقسیم می شود:

• Core DOM – مدل استانداردی برای تمام انواع اسناد
• XML DOM – مدل استانداردی برای اسناد XML
• HTML DOM – مئل استانداردی برای اسناد HTML

HTML DOM چیست؟

HTML DOM یک مدل شی استاندارد و رابط برنامه نویسی برای HTML است که اجزا زیر را تعریف می کند:

• عناصر HTML به عنوان اشیا
• ویژگی های تمام عناصر HTML
• متد هایی برای دسترسی به عناصر HTML
• رویداد هایی برای تمام عناصر HTML

جلسه معرفی و آموزش HTML DOM در جاوا اسکریپت به پایان رسید.
در جلسه بعد نحوه کار با متد های DOM در جاوا اسکریپت خواهیم پرداخت.با ما همراه باشید