English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
مفهوم Object Document HTML DOM
querySelector()يتم العودة إلى العنصر الأول في المستند الذي يتطابق مع المزين أو مجموعة المزينات المحددة.
إذا لم يتم العثور على تطابق، يتم إرجاع null.
querySelector() الطريقة تعود فقط إلى العنصر الأول الذي يتطابق مع المزين المحدد. إذا كنت ترغب في العودة إلى جميع التطابقات، استخدم بدلاً من ذلكquerySelectorAll()الطريقة.
document.querySelector(selectors)
document.querySelector('h1');اختبار رؤية‹/›الرقم في الجدول يحدد إصدار المتصفح الأول الذي يدعم طريقة querySelector()
| الطريقة | |||||
| querySelector() | 1 | 3.5 | 10 | 3.2 | 8 |
| المتغير | وصف |
|---|---|
| selectors | الخط الذي يحتوي على أو أكثر من المزينات التي يتم البحث عنها. يجب أن يكون هذا الخط صالحاًمحدد CSSالخط |
| القيمة المعدة | يعبر عنمحدد CSSالرمز الأول الذي يقابله التطابق في Element، إذا لم يكن هناك تطابق، يتم إرجاع null. |
|---|---|
| حالات استثنائية: | SyntaxError-جملة محددية اختيارية غير صالحة |
| إصدار DOM: | DOM المستوى 1 |
الحصول على العنصر الأول باستخدام id="para":
document.querySelector('#para');اختبار رؤية‹/›الحصول على العنصر الأول باستخدام class="demo":
document.querySelector(".demo");اختبار رؤية‹/›الحصول على أول عنصر <p> الذي هو عنصر فرعي لـ <div>:
document.querySelector("div > p");اختبار رؤية‹/›دليل CSS:محدد CSS
مرجع CSS:CSS#idمفهوم المحدد
مرجع CSS:CSS .classمفهوم المحدد
DOM Document querySelectorAll()الطريقة
DOM Document getElementsByClassName()الطريقة
DOM Document getElementsByTagName()الطريقة