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

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

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

Free-Learn

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

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

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

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

یعنی از بالا ( ابتدای صفحه ) به سمت پایین، ایندکس اولین تگ با نامش میشه ۰ و دومی میشه ۱ و همینجور تا موقعی که تگ با نام در صفحه وجود داشته باشد.

با استفاده از متد getElementById میتونیم عناصر رو براساس ID انتخاب نماییم.

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

Free-Learn

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

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

مثال شماره ۱ : میخوایم چندین اینپوت ( Input ) رو از فرم انتخاب کنیم، سپس مقادیر همین اینپوت هارو بدست آوریم.

امتحان کنید

مثال شماره ۲ : بدست آوردن مقدار ، نوع ، نام و.. یک اینپوت ( Input )

امتحان کنید

Free-Learn

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

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

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

Free-Learn

شکل نوشتاری

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

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

Free-Learn

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

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

مقدار توضیح
Element_Name ضروری – نام اون تگی که میخوایم بدست بیاریم یا انتخاب کنیم.
( نام یک تگ از طریق صفت name مشخص میشود )

Free-Learn

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

  • موقع انتخاب نام ( Name ) عنصر باید حتما شماره ایندکس یا Index هم مشخص شود.
  • شماره ایندکس همیشه از ۰ شروع میشه. ( اولین نام میشه ۰ و بعدی میشه ۱ و همینطور تابره )
  • صفت name بیشترین استفاده و کاربرد رو در Input ها و درکل در فرم ها داره. ( همونطور که در مثال های بالا مشاهده نمودید )
  • تا وقتی متد getElementById هستش ،لازم نیست از getElementsByName استفاده نمایید، چون getElementById هم بهینه تره و هم قابل اعتمادتر.

Free-Learn

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