برچسب: DOM

طبق آمار سایت Github، جاوا اسکریپت در سال‌های اخیر پرکاربردترین زبان برنامه‌نویسی در جهان بوده است. امروزه جاوا اسکریپت را در حوزه‌های مختلف برنامه‌نویسی می‌توان به کار برد. البته مهمترین کاربرد این زبان، برنامه‌نویسی در محیط وب است. اما در بسیاری حوزه‌های دیگر مانند برنامه‌نویسی سمت سرور، برنامه‌نویسی موبایل، برنامه‌نویسی دسکتاپ، برنامه‌نویسی گرافیکی و … […]

در سال‌های اخیر استفاده از دستگاه‌های مجهز به صفحه نمایش‌های لمسی (مانند تلفن همراه و تبلت) بسیار فراگیر شده است. با توجه به این که در این دستگاه‌ها معمولاً از ماوس استفاده نمی‌شود و بیشتر از لمس صفحه نمایش برای تعامل با دستگاه استفاده می‌شود، باید از رویدادهای دیگری به عنوان جایگزین رویدادهای ماوس استفاده […]

در فصل قبل با بخشی از مدل DOM آشنا شدیم که امکان برقراری ارتباط بین جاوا اسکریپت و صفحه‌ی وب را فراهم می‌کرد. در این فصل به بررسی رویدادها می‌پردازیم که بخش دیگری از DOM هستند و امکان برقراری ارتباط بین کاربر و صفحه‌ی وب را فراهم می‌کنند. می‌توان گفت که بحث اصلی این کتاب […]

پیش از این تمام تعاملات ما با صفحات وب، صرفاً به کدهای HTML صفحات مربوط می‌شد. اما همانطور که می‌دانید CSS نیز بخش مهم دیگری از صفحات وب است. در بخش آخر این فصل قصد داریم تا به بررسی برخی از امکانات جاوا اسکریپت در رابطه با CSS بپردازیم.   خاصیت style تمام عناصر درخت […]

متدهای removeChild و replaceChild برای حذف هر یک از گره‌های درخت DOM می‌توان از متد removeChild استفاده کرد. این متد را نیز مانند متد insertBefore باید بر روی عنصر والد گره‌ی مورد نظر اجرا کرد. جهت اجرای مثال‌های این بخش سند HTML زیر را تعریف می‌کنیم. <h1>List of fruits</h1> <ul> <li>Apple</li> <li>Orange</li> <li>Banana</li> <li>Cherry</li> </ul> […]

ایجاد گره‌های جدید یکی از کارهای مرسوم در رابطه با DOM، ایجاد گره‌های جدید و افزودن آنها به درخت DOM است. این گره‌ها می‌توانند از هر نوعی باشند. اما در این بخش صرفاً به نحوه‌ی ایجاد گره‌های نوع Element و نوع Text می‌پردازیم که پرکاربردترین موارد هستند. با استفاده از متد createElement از شئ document […]

در بخش‌های قبلی با روش‌های مختلف انتخاب عناصر صفحات وب آشنا شدیم. اما هدف اصلی از انتخاب عناصر، خواندن محتوای آنها و یا ایجاد تغییرات در محتوای آنها است. در این بخش قصد داریم به بررسی امکانات جاوا اسکریپت در رابطه با خواندن صفات (Attributes) عناصر و ایجاد تغییرات در آنها بپردازیم.   متدهای ایجاد، […]

پیش از این دیدیم که تمام گره‌های درخت DOM به غیر از گره‌ی document دارای یک والد هستند. همچنین دیدیم که گره‌هایی که از نوع Element هستند می‌توانند تعدادی فرزند داشته باشند. این روابط موجود میان گره‌ها، این امکان را فراهم می‌کند تا در صورت انتخاب یک گره، بتوان با حرکت در درخت DOM به […]

برای خواندن بخش‌هایی از یک صفحه‌ی وب، و یا ایجاد تغییرات در بخش‌هایی از یک صفحه‌ی وب، قبل از هر چیز باید بتوان بخش مورد نظر از صفحه را انتخاب کرد. در جاوا اسکریپت روش‌های مختلفی برای انتخاب عناصر صفحه‌ی وب با استفاده از DOM وجود دارد. در این بخش به بررسی این روش‌ها می‌پردازیم. […]

در این فصل کمی از محیط کنسول فاصله گرفته و وارد محیط صفحات وب می‌شویم. البته همچنان برخی از برنامه‌ها در محیط کنسول اجرا خواهند شد. اما از این فصل با کاربردهای عملی‌تر جاوا اسکریپت، یعنی تعامل با صفحات وب آشنا می‌شویم. موضوعی که در این فصل به آن می‌پردازیم DOM یا Document Object Model […]