مستند HTML DOM ، getElementsByTagName ()
مثال
احصل على جميع العناصر التي تحمل اسم العلامة "li":
const collection = document.getElementsByTagName("li");
احصل على جميع العناصر في المستند:
const collection = document.getElementsByTagName("*");
غيّر HTML الداخلي للعنصر <p> الأول في المستند:
document.getElementsByTagName("p")[0].innerHTML = "Hello World!";
المزيد من الأمثلة أدناه.
التعريف والاستخدام
تقوم getElementsByTagName()
الطريقة بإرجاع مجموعة من جميع العناصر ذات اسم علامة محدد.
تقوم getElementsByTagName()
الطريقة بإرجاع مجموعة HTMLCollection .
getElementsByTagName()
الخاصية للقراءة فقط .
ملحوظة
getElementsByTagName("*")
إرجاع كافة العناصر الموجودة في المستند.
مجموعة HTML
مجموعة HTML هي مجموعة من عُقد HTML.
يمكن الوصول إلى العقد في مجموعة من خلال أرقام الفهرس. يبدأ الفهرس من 0.
ترجع خاصية length عدد العناصر في المجموعة.
أنظر أيضا:
أسلوب getElementById () المستند
أسلوب getElementsByClassName () المستند
أسلوب استعلام المستند المحدد ()
بناء الجملة
document.getElementsByTagName(tagname)
المعلمات
Parameter | Description |
tagname | Required. The tagname of the elements. |
قيمة الإرجاع
نوع | وصف |
هدف | كائن HTMLCollection . مجموعة من العناصر باسم علامة محددة. يتم فرز العناصر كما تظهر في المستند. |
مزيد من الأمثلة
عدد <li> العناصر في المستند:
let numb = document.getElementsByTagName("li").length;
قم بتغيير لون الخلفية لجميع عناصر <p>:
const collection = document.getElementsByTagName("P");
for (let i = 0; i < collection.length; i++) {
collection[i].style.backgroundColor = "red";
}
الصفحات ذات الصلة
مرجع JavaScript: element .getElementsByTagName ()
برنامج JavaScript التعليمي: قائمة عقدة JavaScript HTML DOM
دعم المتصفح
document.getElementsByTagName()
هي ميزة DOM المستوى 1 (1998).
إنه مدعوم بالكامل في جميع المتصفحات:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |