آموزش برنامه نویسی جاوااسکریپت-جلسه سی و یکم
توسط مریم گوهرزاد- مقالات آموزش برنامه نویسی
- آوریل 27, 2025
- 1 دقیقه زمان خواندن
- 842 بازدید
برای اینکه در صفحه وب با جاوااسکریپت تغییراتی بدهیم یکی از راه ها استفاده از selector هاست. برای اینکار از متد querySelectorAll استفاده می کنیم .
CSS Selectors
برای اینکه در صفحه وب با جاوااسکریپت تغییراتی بدهیم یکی از راه ها استفاده از selector هاست. برای اینکار از متد querySelectorAll استفاده می کنیم .
<p class=”intro”>Hello World!.</p>
const x = document.querySelectorAll(“p.intro”);برای اینکه انتخاب کردن المانها را گروهی انجام دهیم از collectionها استفاده می کنیم .
- document.anchors
- document.body
- document.documentElement
- document.embeds
- document.forms
- document.head
- document.images
- document.links
- document.scripts
- document.title
anchors اشاره به تمامی تگ های a داره .
documentElement اشاره به المان های داخلی html داره
body اشاره به تمامی المانهای html داره
Links اشاره به لینکه داره
تفاوت link و anchor این است که anchor برخلاف link ، href نداره و در داخل خود صفحه لینک دهی میشه نه خارج از صفحه. anchors همان تگ a هست ولی href نداره
Images اشاره به تگ های img داره
Head و title به صورت آبجکت برگردانده میشه چون تو صفحه یدونه است
Script هم اشاره به script ها دارد.
پیشنهاد ویژه: آموزش رایگان جاوااسکریپت
مریم گوهرزاد
مدرس و بنیانگذار هلدینگ آرتا رسانه. برنامه نویس و محقق حوزه بلاکچین و توسعه‌دهنده بلاکچین | متخصص Solidity | توسعه‌دهنده وب Full-Stackمن یک توسعه‌دهنده علاقه‌مند به فناوری‌های بلاکچین و وب ۳ هستم و در زمینه Solidity، توسعه قراردادهای هوشمند و ساخت برنامه‌های غیرمتمرکز (DApps) فعالیت می‌کنم. تمرکز من بر طراحی و پیاده‌سازی راهکارهایی است که در کنار بهره‌گیری از فناوری‌های نوین، عملکرد مناسب، امنیت و تجربه کاربری مطلوبی ارائه دهند.در کنار تخصص در حوزه بلاکچین، به عنوان یک توسعه‌دهنده وب Full-Stack نیز در طراحی و توسعه وب‌سایت‌ها و برنامه‌های تحت وب فعالیت می‌کنم. تجربه کار در بخش‌های Front-End و Back-End به من این امکان را داده است که پروژه‌ها را از مرحله ایده و طراحی تا توسعه و اجرا، با دیدی جامع دنبال کنم. در فرآیند توسعه، توجه ویژه‌ای به کدنویسی تمیز، معماری مناسب، طراحی واکنش‌گرا، عملکرد مطلوب و تجربه کاربری روان دارم.
