آموزش متد getElementsByTagName در DOM جاوااسکریپت

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

متد getElementsByTagName در DOM جاوااسکریپت

Free-Learn

متد getElementsByTagName در DOM جاوااسکریپت

با استفاده از متد ()getElementsByTagName همونطور که از اسمش مشخصه، میتونیم عناصر رو از صفحه بر اساس نام عنصر یا تگ انتخاب نماییم و برای دسترسی به عناصر باید از شماره ایندکس یا Index استفاده نماییم.

این متد ۱ پارامتر میگیره که اونم نام تگی هست که میخوایم بدستش بیاریم و یا انتخابش کنیم از صفحه ، ولی خب ممکنه ما چندین تگ با یک نام مشابه داشته باشیم، اونوقت باید چکار کرد؟!

باید شماره ایندکس ( یا Index ) اون تگی که میخوایم بدستش بیاریم رو وارد کنیم، شماره ایندکس هم دیگه باید بدونید همیشه از ۰ شروع میشه تا بی نهایت ( یعنی به تعداد تگ هایی که در صفحه وجود دارد )

با استفاده از متد getElementById یا getElementsByClassName یا getElementsByName نیز میتونیم از روش های مختلف عناصر ( تگ ها ) رو از صفحه انتخاب نماییم.

مقدار برگشتی برگشت عنصر یا تگ بر اساس نام تگ
نسخه DOM Core Level 1 Document Object

Free-Learn

مثال از این متد

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

مثال شماره ۱ : در صفحه ۳ تا تگ H2 داریم، ما میخوایم دومین تگ H2 رو انتخاب و درونش متن ” سایت آموزشی فری لرن ” رو چاپ کنیم. ( اینجاست که میگیم باید شماره ایندکس مشخص شود چون خب ۳ تا تگ H2 داریم )

امتحان کنید

مثال شماره ۲ : انتخاب تمامی تگ های P درون صفحه با استفاده از حلقه for و اعمال رنگ متن آبی

امتحان کنید

مثال شماره ۳ : انتخاب تمامی تگ ( عناصر ) موجود در صفحه با استفاده از کلمه کلیدی * و حلقه for

امتحان کنید

Free-Learn

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

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

نام متد Chrome Firefox Opera Safari IE
()getElementsByTagName بله بله بله بله بله

Free-Learn

شکل نوشتاری

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

  • Index_Number : شماره ایندکس یا جایگاه عنصر در صفحه

Free-Learn

جدول پارامترها

در جدول زیر میتوانید، پارامترهایی را که میتوان در این متد استفاده کرد مشاهده نمایید.

مقدار توضیح
Tag_Name ضروری – اون تگ یا عنصری که میخوایم بدست بیاریم یا انتخاب کنیم.

Free-Learn

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

  • موقع انتخاب تگ باید حتما شماره ایندکس یا Index هم مشخص شود.
  • شماره ایندکس همیشه از ۰ شروع میشه. ( اولین تگ میشه ۰ و بعدی میشه ۱ و همینطور تابره )
  • خب ممکنه چندین تگ مثلا P در صفحه داشته باشیم ، و شما بخواید بفرض مثال دومی رو انتخاب نمایید، خب اون بیچاره چجوری باید اینکارو کنه؟! اینجاست که میگیم باید از شماره جایگاه یا ایندکس یا Index استفاده نمایید.
  • برای انتخاب تمامی تگ های موجود در صفحه باید از کلمه کلیدی * استفاده کرد. ( همانند مثال شماره ۳ )

Free-Learn

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