طريقة HTML DOM getElementsByTagName ()
❮ عنصر العنصرمثال
غيّر محتوى HTML للعنصر <li> الأول (الفهرس 0) في القائمة:
var list = document.getElementsByTagName("UL")[0];
list.getElementsByTagName("LI")[0].innerHTML = "Milk";
التعريف والاستخدام
تقوم طريقة getElementsByTagName () بإرجاع مجموعة من العناصر الفرعية لعنصر باستخدام اسم العلامة المحدد ، ككائن NodeList.
يمثل كائن NodeList مجموعة من العقد. يمكن الوصول إلى العقد عن طريق أرقام الفهرس. يبدأ الفهرس من 0.
تلميح: يمكنك استخدام خاصية length لكائن NodeList لتحديد عدد العقد الفرعية مع اسم العلامة المحدد ، ثم يمكنك إجراء حلقة عبر جميع العقد واستخراج المعلومات التي تريدها.
تلميح: تقوم parametervalue "*" بإرجاع جميع العناصر الفرعية للعنصر.
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الطريقة بالكامل.
| Method | |||||
|---|---|---|---|---|---|
| getElementsByTagName() | 1.0 | 6.0 | 3.0 | 3.0 | 9.5 |
بناء الجملة
element.getElementsByTagName(tagname)
قيمه المعامل
| Parameter | Type | Description |
|---|---|---|
| tagname | String | Required. The tagname of the child elements you want to get |
تفاصيل تقنية
| إصدار DOM | كائن عنصر المستوى 1 الأساسي |
|---|---|
| قيمة الإرجاع: | كائن NodeList ، يمثل مجموعة من العناصر الفرعية للعنصر مع اسم العلامة المحدد. يتم فرز العناصر الموجودة في المجموعة التي تم إرجاعها كما تظهر في التعليمات البرمجية المصدر. |
مزيد من الأمثلة
مثال
اكتشف عدد العناصر <p> الموجودة داخل عنصر <div> (باستخدام خاصية length لكائن NodeList):
var x =
document.getElementById("myDIV").getElementsByTagName("P").length;
مثال
قم بتغيير لون الخلفية للعنصر <p> الثاني (الفهرس 1) داخل عنصر <div>:
var x =
document.getElementById("myDIV");
x.getElementsByTagName("P")[1].style.backgroundColor = "red";
مثال
غيّر لون الخلفية لجميع عناصر <p> داخل عنصر <div>:
var x = document.getElementById("myDIV");
var y = x.getElementsByTagName("P");
var i;
for (i = 0; i < y.length; i++) {
y[i].style.backgroundColor = "red";
}
مثال
قم بتغيير لون خلفية العنصر الرابع (الفهرس 3) داخل عنصر <div>:
var x = document.getElementById("myDIV");
x.getElementsByTagName("*")[3].style.backgroundColor = "red";
مثال
باستخدام المعلمة "*".
غيّر لون الخلفية لجميع العناصر داخل عنصر <div>:
var x = document.getElementById("myDIV");
var y = x.getElementsByTagName("*");
var i;
for (i = 0; i < y.length; i++) {
y[i].style.backgroundColor = "red";
}
الصفحات ذات الصلة
مرجع JavaScript: document.getElementsByTagName ()
برنامج JavaScript التعليمي: قائمة عقدة JavaScript HTML DOM
❮ عنصر العنصر