این آموزش در تاریخ ۱۴۰۱/۰۴/۳۰ آپدیت شده است.
آموزش ویژگی links در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی links در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
ویژگی links در DOM جاوااسکریپت
با استفاده از ویژگی links میتونیم به لینک های داخل صفحه ( هر تگی که دارای صفت href باشد ) دسترسی پیدا نماییم.
| مقدار برگشتی | برگشت یک شئ از لینک های موجود در صفحه |
|---|---|
| نسخه DOM | DOM Level 1 |
Free-Learn
مثال از این ویژگی
در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : میخوایم با استفاده از ویژگی length تعداد کل لینک های ( هر تگی که دارای صفت href باشد ) موجود در صفحه رو بدست آوریم.
|
1 2 3 4 5 6 7 8 9 10 |
<script> function Tedad_Linkha(){ var MyLink , Result; MyLink = document.links.length; Result = document.getElementById("Result"); Result.innerHTML = "تعداد کل لینک ها = " + MyLink ; } </script> |
مثال شماره ۲ : انتخاب سومین لینک از بین تمام لینک های موجود در صفحه ( انتخاب بر اساس شماره ایندکس یا Index یا شماره جایگاه )
|
1 2 3 4 5 6 7 8 9 |
<script> function GetLink(){ var MyLink; MyLink = document.links[2]; MyLink.style.border = "3px solid red"; } </script> |
مثال شماره ۳ : بدست آوردن مقدار صفت href از داخل تمامی لینک های موجود در صفحه
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<script> function Get_SRC(){ var MyLinks = document.links; var Result = ""; var i; for( i = 0; i < MyLinks.length; i++ ){ Result = Result + i + ": " + MyLinks[i].href + "<br>"; } document.getElementById("Result").innerHTML = Result; } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این ویژگی در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام ویژگی | Chrome | Firefox | Opera | Safari | Edge |
| links | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.
|
1 |
document.links; |
Free-Learn
ویژگی ها
در جدول زیر میتوانید ویژگی های قابل استفاده در links رو مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| length | برای بدست آوردن تعداد ( کل ) لینک های موجود در صفحه ( مثال ) |
Free-Learn
متدها
در جدول زیر میتوانید متدهای قابل استفاده در links رو مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| [index] | انتخاب لینک موجود در صفحه ، با استفاده از شماره ایندکس یا Index ( مثال ) |
| item(index) | انتخاب لینک موجود در صفحه ، با استفاده از شماره ایندکس یا Index ( مثال ) |
| namedItem(id) | انتخاب لینک موجود در صفحه ، با استفاده از ID ( مثال ) |
Free-Learn
نکات و توضیحات
- انتخاب همیشه براساس شماره ایندکس یا Index ( یا شماره جایگاه ) تگ می باشد، یعنی اینکه اون لینک در صفحه در جایگاه چندم قرار داره، یعنی اگه کل لینک های موجود در صفحه ۵ عدد باشه. شماره ایندکس از ۰ شروع میشه تا هرتعداد که لینک باشه. ( یعنی اولین لینک شماره ایندکسش میشه ۰ و دومی میشه ۱ و.. )
- اگه شماره ایندکس خارج از محدوده باشه، هیچی یا null برگشت داده میشه. ( بفرض مثال ما ۳ تا لینک در صفحه داریم بعد اومدیم شماره ایندکس دادیم ۴ )
- این ویژگی هرتگی رو که دارای صفت href باشه برمیگردونه، مثلا تگ a خب بله دارای صفت href می باشد و تگ area هم میتونه صفت href داشته باشه، اگه داشت برش میگردونه و اگه نداشت هم برنمی گردونه.
