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 ها دارد.