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