این آموزش در تاریخ ۱۴۰۱/۰۴/۲۸ آپدیت شده است.

آموزش ویژگی head در DOM جاوااسکریپت

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی head در DOM جاوااسکریپت با من همراه باشید.

ویژگی head در DOM جاوااسکریپت

Free-Learn

ویژگی head در DOM جاوااسکریپت

با استفاده از ویژگی head ، که کاملا از اسمشم مشخصه، میتونیم به تگ head در داخل یک صفحه وب دسترسی پیدا کنیم.

روش های مختلفی وجود داره که میتونیم به تگ head داخل صفحه پیدا کنیم، که این روش ها یجورایی میشه گفت سلیقه ای هست چون در هرصورت همشون میتونن به تگ Head دسترسی پیدا کنن. ( مثه مثال شماره ۲ )

مقدار برگشتی برگشت تگ head از صفحه
نسخه DOM DOM Level 3

Free-Learn

مثال از این ویژگی

در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.

مثال شماره ۱ : میخوایم با کلیک بروی یک دکمه ، عنوان یا Title صفحه رو بدست آوریم. ( عنوان صفحه با استفاده از تگ title ایجاد میشه )

امتحان کنید

توضیح مثال بالا :

خب گفتیم میخوایم به تگ title دسترسی پیدا کنیم ، تگ title هم که دیگه میدونید درون تگ head قرار میگیره، پس باید اول به تگ head دسترسی پیدا نماییم.

در مثال بالا در خط ۵ با استفاده از ویژگی head اول به تگ head دسترسی پیدا کردیم، بعدش به اولین تگ داخل تگ head با استفاده از firstElementChild دسترسی پیدا کردیم و در نهایت محتوای داخلشو بدست
آوردیم.

 

مثال شماره ۲ : دسترسی به تگ Head با استفاده از متد getElementsByTagName

امتحان کنید

Free-Learn

پشتیبانی مرورگرها

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این ویژگی در جاوااسکریپت پشتیبانی میکنند یا خیر.

نام ویژگی Chrome Firefox Opera Safari Edge
head بله بله بله بله بله

Free-Learn

شکل نوشتاری

نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.


Free-Learn

نکات و توضیحات

  • در مثال شماره ۱ با استفاده از firstElementChild داریم میگیم به اولین تگ داخل تگ head دسترسی پیدا کن، پس حواستون باشه در این مواقع تگ title باید حتما بلافاصله بعد از تگ head قرار داشته باشه. مثال :


Free-Learn

دریافت PDF یا پرینت این مطلب