این آموزش در تاریخ ۱۴۰۱/۰۶/۲۷ آپدیت شده است.
آموزش ویژگی صفت title در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی صفت title در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
ویژگی صفت title در DOM جاوااسکریپت
با استفاده از ویژگی title هم میتونیم مقدار صفت title رو از یک تگ بگیریم و هم میتونیم مقدار جدید براش تنظیم نماییم.
پیشنهاد میکنم حتما آموزش صفت عمومی title در HTML را مشاهده نمایید.
با استفاده از ویژگی Document.title میتونیم عنوان یا Title خوده صفحه رو بدست آوریم ولی Element.title میتونه مقدار صفت Title داخل تگ رو بدست بیاره.
| مقدار برگشتی | یک متن / رشته که نشان دهنده مقدار داخل صفت title می باشد |
|---|
Free-Learn
مثال از این ویژگی
در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : بدست آوردن مقدار صفت title
|
1 2 3 4 5 6 7 8 9 |
<script> function Get(){ var MyTag , Result; MyTag = document.getElementById("MyP").title; Result = document.getElementById("Result").innerHTML = MyTag; } </script> |
مثال شماره ۲ : تنظیم مقدار جدید برای صفت title با استفاده از زبان جاوا اسکریپت
|
1 2 3 4 5 6 7 |
<script> function Set(){ MyTag = document.getElementById("MyP").title = "عنوان جدید من"; } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این ویژگی در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام ویژگی | Chrome | Firefox | Opera | Safari | Edge |
| title | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.
- گرفتن مقدار :
|
1 |
Element.title; |
- تنظیم / ست کردن مقدار جدید :
|
1 |
Element.title = " New_Value "; |
- New_Value = مقدار جدید
Free-Learn
نکات و توضیحات
- وقتی ماوس بروی چیزی ( متنی یا عکسی و.. ) برای چند لحظه وایسه یسری اطلاعات نشون داده میشه که بهش میگیم تولتیپ یا ToolTip
- ما یه ویژگی داریم به اسم document.title که با استفاده از اون میتونیم عنوان خوده صفحه وب ( یعنی اون عنوانی که درون تب مرورگرها قرار میگیره ) رو بدست آوریم ولی با استفاده از ویژگی Element.title میتونیم مقدار داخل صفت Title موجود در تگ رو بدست آوریم.
