أحدث البرامج التعليمية وتطوير الشبكة
 

HTML DOM getElementsByTagName() Method

<كائن العنصر

مثال

تغيير محتوى HTML أول <li> عنصر (index 0) في القائمة:

var list = document.getElementsByTagName("UL")[0];
list.getElementsByTagName("LI")[0].innerHTML = "Milk";

قبل تغيير النص:

  • Coffee
  • Tea

بعد تغيير النص:

  • Milk
  • Tea
انها محاولة لنفسك »

تعريف والاستخدام

و getElementsByTagName() الأسلوب بإرجاع مجموعة من العناصر التابعة لعناصر مع اسم العلامة المحدد، ككائن NodeList.

يمثل الكائن NodeList مجموعة من العقد. العقد يمكن الوصول إليها عن طريق الأرقام القياسية. يبدأ المؤشر عند 0.

نصيحة: يمكنك استخدام طول خاصية الكائن NodeList لتحديد عدد من العقد التابعة مع اسم العلامة المحددة، ثم يمكنك يتكرر خلال كافة العقد واستخراج المعلومات التي تريدها.

تلميح: parametervalue "*" بإرجاع كافة من العناصر التابعة للعنصر.

دعم المتصفح

الأرقام في الجدول تحدد أول إصدار المستعرض الذي يدعم بشكل كامل الأسلوب.

طريقة
getElementsByTagName() 1.0 6.0 3.0 3.0 9.5

بناء الجملة

element .getElementsByTagName( tagname )

قيم معلمة

معامل اكتب وصف
tagname String مطلوب. واسم العلامة من عناصر تابعة كنت ترغب في الحصول

تفاصيل تقنية

صفحة DOM مستوى الأساسية 1 كائن العنصر
قيمة الإرجاع: كائن NodeList، يمثل مجموعة من العناصر التابعة للعنصر مع اسم العلامة المحددة. يتم فرز العناصر في المجموعة عاد كما تظهر في شفرة المصدر.
أمثلة

مزيد من الأمثلة

مثال

معرفة عدد <p> العناصر هناك داخل <div> عنصر (باستخدام الخاصية طول الكائن NodeList):

var x = document.getElementById("myDIV").getElementsByTagName("P").length;

ونتيجة لالعاشر على النحو التالي:

3
انها محاولة لنفسك »

مثال

تغيير لون خلفية الثاني <p> عنصر (index 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";
}
انها محاولة لنفسك »

مثال

تغيير لون خلفية العنصر الرابع (index 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";
}
انها محاولة لنفسك »

صفحات ذات صلة

جافا سكريبت المرجعي: وثيقة. getElementsByTagName()

جافا سكريبت تعليمي: قائمة جافا سكريبت HTML DOM عقدة

<كائن العنصر