طريقة querySelectorAll() في HTML DOM

مثلث جافا سكربت لـ HTML DOM Document

querySelectorAll()يعدل قائمة العناصر في المستند التي تتطابق مع مجموعة النص المحدد (استخدام استكشاف الأعماق الأولي للنود في المستند). العنصر المعد هو NodeList.

يترتيب العناصر في NodeList بناءً على ترتيب ظهورها في النص المصدر.

يمكن الوصول إلى NodeList المعدة عبر الرقم المرجعي. يبدأ الرقم من 0.

NodeList هو مجموعة ثابتة، مما يعني أن التغييرات في DOM لا تؤثر على هذه المجموعة.

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

النحو:

document.querySelectorAll(selectors)

document.querySelectorAll("div");

توافق المتصفحات

العدد في الجدول يحدد إصدار أول متصفح يدعم طريقة querySelectorAll() بالكامل:

قيمة المعدل

تفاصيل تقنية

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

الحصول على جميع العناصر التي تحتوي على الصفة "demo":

document.querySelectorAll(".demo");

هذا المثال يعيد قائمة جميع عناصر <div> التي تحتوي على الصفة "note":

document.querySelectorAll("div.note");

إعداد لون الخلفية لجميع عناصر <h1>، <p> و <div> في المستند:

document.querySelectorAll("h1,　p,　div");

مراجع ذات صلة

دليل CSS:محدد CSS

مرجع CSS:CSS#الاسمالمحدد

مرجع CSS: CSS .الصفة المحدد

DOM Document querySelector() الطريقة

DOM Document getElementsByClassName() الطريقة

DOM Document getElementsByTagName() الطريقة

مثلث جافا سكربت لـ HTML DOM Document