مثال
الحصول على جميع العناصر في وثيقة مع اسم العلامة محدد:
var x =
document.getElementsByTagName("LI");
انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف والاستخدام
و getElementsByTagName() الأسلوب بإرجاع مجموعة من كافة العناصر في وثيقة مع اسم العلامة المحددة، ككائن NodeList.
يمثل الكائن NodeList مجموعة من العقد. العقد يمكن الوصول إليها عن طريق الأرقام القياسية. يبدأ المؤشر عند 0.
تلميح: parametervalue "*" بإرجاع كافة العناصر في الوثيقة.
نصيحة: يمكنك استخدام طول خاصية الكائن NodeList لتحديد عدد من العناصر مع اسم العلامة المحددة، ثم يمكنك حلقة من خلال جميع العناصر واستخراج المعلومات التي تريدها.
دعم المتصفح
الأرقام في الجدول تحدد أول إصدار المستعرض الذي يدعم بشكل كامل الأسلوب.
| طريقة | |||||
|---|---|---|---|---|---|
| getElementsByTagName() | 1.0 | 6.0 | 3.0 | 3.0 | 9.5 |
بناء الجملة
document.getElementsByTagName( tagname )قيم معلمة
| معامل | اكتب | وصف |
|---|---|---|
| tagname | String | مطلوب. واسم العلامة من العناصر التي ترغب في الحصول على |
تفاصيل تقنية
| صفحة DOM: | المستوى الأساسي كائن 1 الوثيقة |
|---|---|
| قيمة الإرجاع: | كائن NodeList، تمثل مجموعة من العناصر مع اسم العلامة المحددة. يتم فرز العناصر في المجموعة عاد كما تظهر في شفرة المصدر. |
مزيد من الأمثلة
مثال
معرفة عدد <li> العناصر هناك في الوثيقة (باستخدام الخاصية طول الكائن NodeList):
var x =
document.getElementsByTagName("LI").length; انها محاولة لنفسك » مثال
تغيير محتوى HTML أول <p> عنصر (index 0) في الوثيقة:
document.getElementsByTagName("P")[0].innerHTML = "Hello World!"; انها محاولة لنفسك » مثال
تغيير لون الخلفية من كل <p> العناصر في الوثيقة:
var x = document.getElementsByTagName("P");
var i;
for (i = 0; i <
x.length; i++) {
x[i].style.backgroundColor = "red";
} انها محاولة لنفسك » مثال
استخدام "*" المعلمة.
الحصول على جميع العناصر في الوثيقة:
var x =
document.getElementsByTagName("*"); انها محاولة لنفسك » صفحات ذات صلة
جافا سكريبت المرجعي: العنصر. getElementsByTagName()
جافا سكريبت تعليمي: قائمة جافا سكريبت HTML DOM عقدة