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

JS البرنامج التعليمي

JS الصفحة الرئيسية JS المقدمة JS ألى أين JS الناتج JS بناء الجملة JS البيانات JS تعليقات JS المتغيرات JS مشغلي JS علم الحساب JS مهمة JS أنواع البيانات JS وظائف JS الأجسام JS نطاق JS أحداث JS سلاسل JS طرق سلسلة JS أرقام JS طرق عدد JS الرياضيات JS التمور JS تاريخ تنسيقات JS تاريخ طرق JS المصفوفات JS طرق مجموعة JS القيم المنطقية JS مقارنات JS الظروف JS تحول JS حلقة غيرمنتهية For JS حلقة بينما JS استراحة JS نوع التحويل JS التعبير العادي JS أخطاء JS التصحيح JS الرفع JS الوضع الصارم JS دليل الاناقة JS أفضل الممارسات JS الأخطاء JS أداء JS الكلمات المحجوزة JS JSON

JS أشكال

أشكال التحقق من صحة API أشكال

JS موضوع

تعريفات الكائن خصائص الكائن طرق كائن نماذج الكائن

JS وظائف

تعاريف وظيفة وظيفة المعلمات وظيفة الاحتجاج الإغلاق وظيفة

JS HTML DOM

DOM مقدمة DOM أساليب DOM وثيقة DOM عناصر DOM HTML DOM CSS DOM الرسوم المتحركة DOM أحداث DOM EventListener DOM ملاحة DOM العقد DOM Nodelist

JS المتصفح BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS أمثلة

JS أمثلة JS HTML DOM JS HTML إدخال JS HTML الأجسام JS HTML أحداث JS المتصفح JS اختبار قصير JS ملخص

JS المراجع

JavaScript الأجسام HTML DOM الأجسام


 

JavaScript قائمة HTML DOM عقدة


قائمة العقدة هي عبارة عن مجموعة من العقد


قائمة HTML DOM عقدة

و getElementsByTagName() بإرجاع طريقةقائمة عقدة.قائمة العقدة هي جمع تشبه مجموعة من العقد.

التعليمة البرمجية التالية يختار كل <p> العقد في الوثيقة:

مثال

var x = document.getElementsByTagName("p");

العقد يمكن الوصول إليها عن طريق رقم فهرس. للوصول إلى الثانية عقدة <p> ويمكنك كتابة:

y = x[1];
انها محاولة لنفسك »

ملاحظة: يبدأ مؤشر السوق عند مستوى 0.


HTML DOM قائمة عقدة طول

تحدد خاصية طول عدد العقد في قائمة عقدة:

مثال

var myNodelist = document.getElementsByTagName("p");
document.getElementById("demo").innerHTML = myNodelist.length;
انها محاولة لنفسك »

وأوضح سبيل المثال:

  1. الحصول على جميع <p> العناصر في قائمة عقدة
  2. عرض طول قائمة العقدة

الخاصية طول مفيدة عندما تريد أن يتكرر خلال العقد في قائمة عقدة:

مثال

تغيير لون الخلفية من كل <p> العناصر في قائمة عقدة:

var myNodelist = document.getElementsByTagName("p");
var i;
for (i = 0; i < myNodelist.length; i++) {
    myNodelist[i].style.backgroundColor = "red";
}
انها محاولة لنفسك »

قائمة العقدة ليست مجموعة!
قائمة العقدة قد تبدو وكأنها مجموعة، ولكن الأمر ليس كذلك. يمكنك حلقة خلال قائمة عقدة والرجوع إلى العقد في مثل صفيف. ومع ذلك، لا يمكنك استخدام طرق صفيف، مثل valueOf() أو join() على قائمة عقدة.