انتقل إلى محتوى الدرس

Get elements by name in JavaScript البحث عن مجموعة عناصر بواسطة name في جافا سكريبت

ستتعلم في هذا الدرس كيفية البحث عن أي عنصر داخل الشجرة DOM Tree والبحث يتم عن طريق id Name أو عن طريق Class Name أو عن طريق Tag Name أو عن طريق CSS Selectors وايضاً سوف تتعلم كيفية تخزينة بداخل متغير أو مصفوفة لكي تقوم بطباعة بياناته أو للتعديل أو الحذف.
1 صفوف تعليمية
جافا سكريبت
5,018 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

يمكن البحث عن عنصر أو اكثر عن طريق Name وذلك عن طريقة دالة مجهزة ومدمجة مع لغة جافا سكريبت وهي ()getElementsByName تكتب بطريقة Camel Case نقوم بتمرير بداخلها name attribute  هذة الدالة تقوم بصف جميع العناصر التي تحتوي علي هذا الأسم داخل كائن HTMLCollection object حتي وأن كان عنصر واحد فقط واذا اردت التعامل مع أي عنصر بداخل HTMLCollection object يجب عليك تحديد العنصر بواسطة index Number.

  • دالة ()getElementsByName تستخدم مع جميع العناصر التي تحتوي علي خاصية name لها نفس القيمة المحددة داخل الدالة.

get elements by Tag Name

البحث عن مجموعة عناصر عن طريق استخدام اسم مشترك وهو اسم Tag.

HTML
let paragraphs= document.getElementsByName('like');
console.log(paragraphs);

Print first Element

البحث عن مجموعة عناصر ثم طباعة أول عنصر فقط من الكائن.

HTML
let paragraphs = document.getElementsByTagName('like');
console.log(paragraphs[0]);

Print length

عدد العناصر التي تحمل نفس Name الموجودة بداخل الكائن.

HTML
let paragraphs = document.getElementsByTagName('like');
document.write(paragraphs.length);

Print Tag Name for Element

طباعة اسمة Tag Name لأي عنصر عن طريق جافا سكريبت

HTML
let paragraphs = document.getElementsByTagName('like');
document.write(paragraphs[0].tagName);