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

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

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

Free-Learn

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

با استفاده از ویژگی links میتونیم به لینک ها ( هر تگی که دارای صفت href باشد ) دسترسی پیدا نماییم.

این ویژگی فقط میتونه به تگ هایی که صفت href دارند دسترسی پیدا کنه، یعنی اگه تگ a بود ولی صفت href نداشت نمیتونه برش گردونه.

مقدار برگشتی برگشت یک شئ از لینک های موجود در صفحه
نسخه DOM Core Level 1 Document Object

Free-Learn

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

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

مثال شماره ۱ : میخوایم با استفاده از ویژگی length تعداد کل لینک ها ( هر تگی که دارای صفت href باشد ) موجود در صفحه رو بدست آوریم.

امتحان کنید

مثال شماره ۲ : انتخاب سومین لینک از بین تمام لینک های موجود در صفحه ( انتخاب بر اساس شماره ایندکس یا Index یا جایگاه )

امتحان کنید

مثال شماره ۳ :میخواهیم با کلیک بروی یک دکمه، صفت href رو به لینک ( تگ a ) اضافه کنیم.

امتحان کنید

مثال شماره ۴ : میخوایم با کلیک بروی یک دکمه ، مقدار صفت href لینک رو بدست آوریم.

امتحان کنید

Free-Learn

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

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

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

Free-Learn

شکل نوشتاری

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

Free-Learn

ویژگی ها

در جدول زیر میتوانید ویژگی های قابل استفاده در links رو مشاهده نمایید.

مقدار توضیح
length برای بدست آوردن تعداد ( کل ) لینک های موجود در صفحه ( مثال )

Free-Learn

متدها

در جدول زیر میتوانید متدهای قابل استفاده در links رو مشاهده نمایید.

مقدار توضیح
[index] بدست آوردن لینک موجود در صفحه ، با استفاده از شماره ایندکس یا Index ( مثال )
item(index) بدست آوردن لینک موجود در صفحه ، با استفاده از شماره ایندکس یا Index ( مثال )
namedItem(id) بدست آوردن لینک موجود در صفحه ، با استفاده از آی دی یا ID ( مثال )

Free-Learn

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

  • انتخاب همیشه براساس شماره ایندکس یا Index ( یا شماره جایگاه ) عنصر می باشد، یعنی اینکه اون لینک در صفحه در جایگاه چندم قرار داره، یعنی اگه کل لینک های موجود در صفحه ۵ عدد باشه. شماره ایندکس از ۰ شروع میشه تا هرتعداد که لینک باشه. ( یعنی اولین لینک شماره ایندکسش میشه ۰ و دومی میشه ۱ و.. )
  • اگه شماره ایندکس خارج از محدوده باشه، هیچی یا null برگشت داده میشه. ( بفرض مثال ما ۳ تا لینک در صفحه داریم بعد اومدیم شماره ایندکس دادیم ۴ )
  • این ویژگی هرتگی رو که دارای صفت href باشه برمیگردونه، مثلا تگ a خب بله دارای صفت href می باشد و تگ area هم میتونه صفت href داشته باشه، اگه داشت برش میگردونه و اگه نداشت هم برنمی گردونه.

Free-Learn

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