مهران
مهران
خواندن ۱ دقیقه·۵ سال پیش

جاوااسکریپت شیوا: فصل ۱۴: DOM یا مدل شیء سند

DOM
DOM

خوب دوستان و همراهان گرامی (:D)، به فصل ۱۴ رسیدیم، یکی از جذاب‌ترین (البته به نظر من) بخش‌های کتاب که موضوع DOM می‌پردازه.

اگر به جاوااسکریپت و به طور خاص به کتاب‌خانه‌ها یا فرم‌ورک‌های مدرن مثل ری‌اکت و ویو علاقه دارید، فهم عمیق از DOM یکی از مفید‌ترین چیز‌هایی که می تونیم براش وقت بگذاریم.

این فصل از کتاب به طور مفصل به همین موضوع اختصاص داره که خودم و همه رو به خوندنش توصیه می کنم!

زیربخش‌ها

  • ساختار سند
  • درخت‌ها
  • استاندارد
  • حرکت در درخت
  • پیدا کردن عناصر
  • ایجاد تغییر در سند
  • ایجاد گره‌ها
  • خصوصیت‌ها
  • طرح‌بندی
  • سبک‌دهی
  • سبک‌های آبشاری
  • گزینشگر‌های پرس‌وجو
  • موقعیت‌دهی و متحرک‌سازی



خلاصه‌ی انتهای فصل:

برنامه‌های جاوااسکریپت می توانند در صفحه‌ای که مرورگر به نمایش می گذارد، با استفاده از یک ساختار داده به نام DOM، دخالت و دستکاری کنند. این ساختار داده نمایانگر مدل مرورگر از صفحه است و یک برنامه‌ی جاوااسکریپت می تواند آن را تغییر دهد و در سندی که به نمایش درمی آید تغییر ایجاد کند.
مدل شیء سند یا DOM به شکل یک درخت سازماندهی شده است که در آن عناصر به صورت سلسله‌مراتبی براساس ساختار سند مرتب می شوند. اشیائی که نماینده‌ی عناصر هستند دارای خاصیت‌هایی مانند parentNode و childNodes هستند که می توان از آن ها برای حرکت در این درخت استفاده کرد.
نحوه‌ی نمایش یک سند را می توان با سبک‌دهی تغییر داد و این کار به دو روش چسباندن سبک‌ها به عناصر به صورت مستقیم و یا با تعریف دستوراتی که عناصر خاصی را هدف قرار می دهند صورت می‌پذیرد. خاصیت‌های سبک‌دهی زیاد و متنوعی وجود دارد مثل color یا display. کدهای جاوااسکریپت می توانند سبک یک عنصر را مستقیما از طریق خصوصیت style دستکاری کنند.




ترجمه‌ی کتاب Eloquent JavaScript

ترجمه‌ی فصل ۱۴

برنامه‌نویسیجاوااسکریپتترجمهdom
علاقه‌مند به برنامه نویسی، طراحی ، توسعه شخصی و کسب و کار
شاید از این پست‌ها خوشتان بیاید