این آموزش در تاریخ ۱۴۰۱/۰۴/۲۸ آپدیت شده است.
آموزش ویژگی head در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی head در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
ویژگی head در DOM جاوااسکریپت
با استفاده از ویژگی head ، که کاملا از اسمشم مشخصه، میتونیم به تگ head در داخل یک صفحه وب دسترسی پیدا کنیم.
روش های مختلفی وجود داره که میتونیم به تگ head داخل صفحه پیدا کنیم، که این روش ها یجورایی میشه گفت سلیقه ای هست چون در هرصورت همشون میتونن به تگ Head دسترسی پیدا کنن. ( مثه مثال شماره ۲ )
| مقدار برگشتی | برگشت تگ head از صفحه |
|---|---|
| نسخه DOM | DOM Level 3 |
Free-Learn
مثال از این ویژگی
در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : میخوایم با کلیک بروی یک دکمه ، عنوان یا Title صفحه رو بدست آوریم. ( عنوان صفحه با استفاده از تگ title ایجاد میشه )
|
1 2 3 4 5 6 7 8 9 10 |
<script> function Get_Title() { var Result , MyHead; MyHead = document.head.firstElementChild.innerHTML; Result = document.getElementById("Result"); Result.innerHTML = MyHead; } </script> |
مثال شماره ۲ : دسترسی به تگ Head با استفاده از متد getElementsByTagName
|
1 2 3 4 5 |
<script> MyHead = document.getElementsByTagName("head")[0].firstElementChild.innerHTML; </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این ویژگی در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام ویژگی | Chrome | Firefox | Opera | Safari | Edge |
| head | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.
|
1 |
document.head; |
Free-Learn
نکات و توضیحات
- در مثال شماره ۱ با استفاده از firstElementChild داریم میگیم به اولین تگ داخل تگ head دسترسی پیدا کن، پس حواستون باشه در این مواقع تگ title باید حتما بلافاصله بعد از تگ head قرار داشته باشه. مثال :
|
1 2 3 |
<head> <title>سایت آموزشی فری لرن</title> </head> |
