HTML DOM querySelector) طريقة (
أمثلة
الحصول على العنصر الأول من وثيقة الهوية = "تجريبي" من:
محاولة »
تعريف واستخدام
querySelector () الأسلوب بإرجاع عنصر في الوثيقة التي تطابق محدد CSS المحدد.
ملاحظة: طريقة querySelector () ببساطة ترجع العنصر الأول الذي يطابق محدد محددة. إذا كنت بحاجة إلى إعادة جميع العناصر، استخدام أسلوب querySelectorAll () بدلا من ذلك.
المزيد CSS محددات، يرجى زيارة موقعنا على محددات CSS البرنامج التعليمي ولدينا محددات CSS دليل مرجعي .
دعم المتصفح
الأرقام الواردة في الجدول تمثل أول متصفح لدعم عدد طريقة إصدار.
الطريق | |||||
---|---|---|---|---|---|
querySelector () | 4.0 | ثمانية | 3.5 | 3.1 | 10.0 |
قواعد
قيمة المعلمة
المعلمات | نوع | وصف |
---|---|---|
محددات CSS | سلسلة | يجب. تحديد واحد أو أكثر من العناصر متطابقة في محددات CSS. يمكنك استخدام على الهوية، والطبقات، وأنواع، والصفات، السمة القيم، وما إلى ذلك لتحديد العناصر. لمحددات متعددة، مفصولة بفواصل، لإرجاع العنصر مطابقة. نصيحة: لمزيد من محددات CSS، يرجى الاطلاع على محددات CSS دليل مرجعي . |
التفاصيل الفنية
DOM النسخة: | مستوى محددات كائن 1 الوثيقة |
---|---|
العوائد: | العنصر المطابق الأول تحديد CSS محدد. إذا لم يتم العثور على يعود لاغية. إذا قمت بتحديد يتم طرح استثناء محدد SYNTAX_ERR صالح. |
مزيد من الأمثلة
أمثلة
الحصول على فئة المستند = "المثال" أول عنصر <ص>:
محاولة »
أمثلة
الحصول على وثيقة و"الهدف" السمة عناصر <A> الأولى:
محاولة »
أمثلة
يوضح المثال التالي استخدام عدد وافر من محددات.
لنفترض أنك اخترت محددات اثنين: <H2> و <H3> العنصر.
وأول <H2> العنصر في التعليمات البرمجية التالية إضافة لون خلفية المستند:
<H3> وثمة عنصر H3 </ H3>
document.querySelector ( "H2، H3") style.backgroundColor = "الأحمر"؛
محاولة »
ومع ذلك، إذا كان المستند <H3> العنصر <H2> عنصر قبل، <H3> سيتم تعيين العنصر لتحديد لون الخلفية.
<H2> وثمة عنصر H2 </ H2>
document.querySelector ( "H2، H3") style.backgroundColor = "الأحمر"؛
محاولة »
صفحات ذات صلة
جافا سكريبت الدليل المرجعي: العنصر .querySelector ()