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

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

ویژگی صفت title در DOM جاوااسکریپت

Free-Learn

ویژگی صفت title در DOM جاوااسکریپت

با استفاده از ویژگی title هم میتونیم مقدار صفت title رو از یک تگ بگیریم و هم میتونیم مقدار جدید برای صفت title تنظیم نماییم.

پیشنهاد میکنم حتما آموزش صفت عمومی title در HTML را مشاهده نمایید.

با استفاده از ویژگی Document.title میتونیم عنوان یا Title صفحه رو بدست آوریم ولی Element.title عنوان خوده تگ که با استفاده از صفت title مشخص میشه رو برگشت میده.

مقدار برگشتی یک متن / رشته که نشان دهنده عنوان تگ می باشد
با استفاده از صفت title میتوان عنوان یک تگ را مشخص کرد
وقتی ماوس برای چند لحظه بروی تگ بمونه، محتوای صفت title نمایش داده میشه

Free-Learn

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

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

مثال شماره ۱ : بدست آوردن مقدار صفت title

امتحان کنید

مثال شماره ۲ : تنظیم مقدار جدید برای صفت title با استفاده از جاوااسکریپت

امتحان کنید

Free-Learn

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

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

نام ویژگی Chrome Firefox Opera Safari IE
title بله بله بله بله بله

Free-Learn

شکل نوشتاری

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

  • گرفتن مقدار :

  • تنظیم / ست کردن مقدار جدید :

  • New_Value = مقدار جدید

Free-Learn

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

  • وقتی ماوس بروی چیزی ( متنی یا عکسی و.. ) برای چند لحظه وایسه یسری اطلاعات نشون داده میشه که به این چیزی که نشون داده میشه میگیم تولتیپ یا tooltip
  • ما یه ویژگی داریم به اسم document.title که با استفاده از اون میتونیم عنوان خوده صفحه ( چیزی که در عنوان تب مرورگرهاست ) رو بدست آوریم ولی با استفاده از ویژگی element.title میتونیم عنوان خوده تگ یا عنصر رو بدست آوریم.

Free-Learn

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