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

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

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

Free-Learn

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

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

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

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

Free-Learn

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

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

مثال شماره ۱ : در این مثال میخوایم ببینیم عنوان صفحه که با استفاده از تگ title ایجاد شده چیه!؟ اینم میدونید دیگه که تگ title همیشه درون تگ head قرار داره.

پس باید اول به تگ head دسترسی پیدا نماییم، تا بتونیم بعدش با استفاده از ویژگی firstElementChild به محتوای تگ title دسترسی پیدا نماییم.

امتحان کنید

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

در مثال بالا ما میخوایم محتوا یا مقدار تگ title رو بدست آوریم، تگ title هم که دیگه میدونید برای مشخص کردن عنوان صفحه وبمون در مرورگر می باشد.

حال با استفاده از ویژگی head ما اول به هد یا head صفحه دسترسی پیدا کردیم بعدش اومدیم با استفاده از ویژگی firstElementChild به اولین عنصر فرزند ( که میشه همون تگ title ) دسترسی پیدا کردیم و محتواشو بدست آوردیم.

Free-Learn

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

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

نام ویژگی Chrome Firefox Opera Safari IE
head ۴٫۰ ۴٫۰ ۱۱٫۰ ۵٫۰ ۹٫۰

Free-Learn

شکل نوشتاری

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

Free-Learn

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

نکته یا توضیح خاصی وجود ندارد.

Free-Learn

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