Var el = document.querySelector ("div.user-panel.main input")؛

مشخصات فنی

سازگاری مرورگر

جدول سازگاری در این صفحه از داده های ساختار یافته ایجاد می شود. اگر می خواهید به داده ها کمک کنید ، لطفاً https://github.com/mdn/browser-compat-data را بررسی کنید و یک درخواست کشش برای ما ارسال کنید.

به روز رسانی داده های سازگاری در GitHub

افسانه

در پایان روز ، روشهای پردازش اسناد قابل درک است که برای شوخی دانشگاه یا مجموعه دانشگاهها برای همه اسناد تعیین شده است. و همچنین روش های پردازش گره (دانشگاه) ، مانند نمایش پروژه های مشابه ، حتی در وسط دانشگاه دخترشان.

روش هایی که برای آموزش یک دانشگاه یا مجموعه ای از دانشگاه ها در یک درخت استفاده می شود

در سطح بعدی ، ما به مقامات نگاه کردیم ، که به کمک آنها می توانیم دور درخت حرکت کنیم و دانشگاه ها را بشناسیم و به آنها نیاز داشته باشیم. آل ، شوخی دانشگاه ها برای کمک مقامات حتی مهمتر از همه مشغول است و نه به طور کارآمد. به همین دلیل است که شما باید vuzli را در درخت بدانید ، web rosrobniki vikoristovuyt را فراخوانی می کند که مخصوصاً برای کل روش سند یا شیء vuzla (گره) تعیین شده است.

متد () GetElementById

روش getElementById (elementID) عنصر موجود در سند را که شناسه (id = "elementID") است ، در نمای شیء گره (vuzla) می چرخاند. اگر عنصر روی شناسه تنظیم نشده باشد ، روش داده شده برای تبدیل مقدار صفر است.

با توجه به استاندارد ، نمی توانید تعدادی عنصر در سند با مقادیر یکسان ویژگی id داشته باشید ، به طوری که ارزش شناسه مقصر در محدوده یک سند منحصر به فرد است. در واقع ، اگر تعدادی عنصر در سند خود دارید زیرا مقدار id را تعیین می کنیم ، متد () getElementById اولین عنصر را تبدیل می کند.

document.getElementById (elementID)

روش دانمارکی دارای یک پارامتر اتصال دهنده (elementID) است ، که یک ردیف است که می تواند برای انتقام از مقدار ویژگی id عنصری که می خواهید حذف کنید استفاده شود.

به عنوان مثال ، رنگ متن را به عنصر ، scho maє id = "nameArticie" تغییر دهید.

نام statti

• 1 امتیاز
• 2 امتیاز
• 3 امتیاز

متد () GetElementsByClassName

متد getElementsByClassName (className) تمام عناصر شناخته شده در اسناد (برای سند) یا دانشگاه های میانی (برای گره) را می چرخاند ، که ممکن است vkazane im'ya class (class = "className") ، در شیء viglyady NodeList (مجموعه دانشگاه ها). به عبارت دیگر ، روش چرخش دانمارکی یک شی NodeList است که مجموعه ای از عناصر (vuzliv) است ، که ممکن است در روش پارامتر بندی شده کلاس مشخص شود.

برای رد تعدادی از دانشگاه های شناخته شده ، باید در مورد طول شی NodeList پیروز باشید. و برای تبدیل همه دانشگاه ها به مجموعه ، می توانید چرخه تهاجمی را سرعت بخشید:

Var elementsList = document.getElementsByClassName ("لیست") ؛ برای (var i = 0 ؛ i

document.getElementByClassName (className) ؛
گره (vuzol) .getElementByClassName (className) ؛

متد دانمارکی دارای یک پارامتر صحافی (className) است که یک ردیف است ، که من نام آن را بر اساس عنصرهایی که می خواهید حذف کنید ، قرار می دهم. اگر می خواهید عناصر را ویرایش کنید ، زیرا برخی از کلاسهای معنی دار وجود دارد ، در پارامترهای ارائه شده به روش توزیع برای یک مشکل اضافی ضروری است. به عنوان مثال ، مجموعه دانشگاه ها را که ممکن است کلاس و کلاس 2 باشند ، در نظر بگیرید:

Document.getElementsByClassName ("classl class2") ؛

به عنوان مثال ، رنگها را به پس زمینه عناصر تغییر دهید ، اما کلاس list:

نام statti

• 1 امتیاز
• 2 امتیاز
• 3 امتیاز

• 1 امتیاز
• 2 امتیاز

به عنوان مثال ، مجموعه عناصر (دانشگاه ها) را که ممکن است لیست کلاس باشد ، ویرایش کنید. Dalі to otrimaty 2 vuzol in tsіy kolektsії، tobto vuzol maє index 1. نوشتن تغییر رنگ در پس زمینه دانشگاه رها شده.

// بازنویسی مجموعه ای از عناصر ، بجز لیست کلاس var elementsList = document.getElementsByClassName ("list") ؛ // بازنویسی 2 vuzol در مجموعه var secondList = elementsList؛ // تغییر رنگها به پس زمینه عنصر secondList.style.backgroundColor = "قرمز" ؛

متد () GetElementsByTagName

روش getElementsByTagName (برچسب) تمام عناصر شناخته شده در سند (برای سند) یا وسط دانشگاه های فرعی (برای گره) ، که ممکن است حاوی مقادیر برچسب باشند ، را در نمای شی NodeList (مجموعه دانشگاه ها) می چرخاند به دانشگاه Otrimannya آواز در مجموعه مورد علاقه برای فهرست. مشاهده موارد (دانشگاه ها) در مجموعه برای تعمیر از 0.

document.getElementsByTagName (نام برچسب) ؛
گره (vuzol) .getElementsByTagName (نام برچسب) ؛

روش دانمارکی دارای یک پارامتر الزام آور (نام برچسب) است ، که یک ردیف است که می تواند برای انتقام از برچسب استفاده شود ، همانطور که باید با حروف بزرگ باشد. اگر در مقدار پارامتر یک ردیف برای قرار دادن ستاره ("*") وجود داشته باشد ، می توانیم همه عناصر سند (برای شی سند) یا همه عناصر دختر دانشگاه (برای شی گره) را تشخیص دهیم. )

برای رد تعدادی از دانشگاه های شناخته شده ، برای انتقام گرفتن از یک مجموعه ، باید قدرت طول شی NodeList را حفظ کرد. و برای تبدیل همه دانشگاه ها به مجموعه ، می توانید چرخه تهاجمی را سرعت بخشید:

Var elementsList = document.getElementsByTagName ("LI") ؛ برای (var i = 0 ؛ i

به عنوان مثال ، رنگها را به عناصر پس زمینه LI تغییر دهید:

نام statti

• 1 امتیاز
• 2 امتیاز
• 3 امتیاز

به عنوان مثال ، مجموعه عناصر UL را نفی کنید. ارسال 1 موسسه آموزش عالی در کل مجموعه ، به طوری که موسسه آموزش عالی بتواند شاخص 0 را دریافت کند. برای کل مجموعه موسسات آموزش عالی دختر LI را می توان برای کل موسسه آموزش عالی ویرایش کرد. در پایان تغییر اندازه فونت عنصر پوست در مجموعه.

// ویرایش مجموعه عناصر UL var elementsUL = document.getElementsByTagName ("UL") ؛ // بازنویسی 1 دانشگاه در کل مجموعه var elementUL = elementsUL؛ // بازنویسی مجموعه ای از عناصر LI عنصر دانشگاهی U var elementsLI = elementUL.getElementsByTagName ("LI") ؛ // در تمام عناصر مجموعه برای (var i = 0؛ i

متد () GetElementsByName

متد getElementsByName (name) تمام عناصر شناخته شده در سند ، شاید مقدار نام (مقدار ویژگی name) را در نمای شی NodeList (مجموعه گره ها) می چرخاند.

Elementi (vuzli) به ترتیب ایجاد بوی تعفن در درخت به حلقه اضافه می شود. دانشگاه Otrimannya آواز در مجموعه مورد علاقه برای فهرست. مشاهده موارد (دانشگاه ها) در مجموعه برای تعمیر از 0.

Var elementsList = document.getElementsByName ("تلفن") ؛ برای (var i = 0 ؛ i

توجه: در HTML5 ، ویژگی name نماد قدیمی است و ویژگی name برای موارد بیشتری با ویژگی id لغو می شود.

document.getElementsByName (نام)

روش دانمارکی دارای یک پارامتر صحافی (نام) است که یک سطر برای گرفتن مقدار ویژگی نام است.

به عنوان مثال ، رنگها را به پس زمینه عناصر ، اما ویژگی name را از مقادیر تلفن (نام = "تلفن") تغییر دهید:

تلفن: تلفن دیگر:

متد QuerySelector ()

متد querySelector () اولین عنصر شناخته شده در سند (برای سند) یا وسط دانشگاه های فرعی (برای گره) را چرخاند ، که به انتخابگر CSS مشخص شده در مقدار پارامتر روش داده شده اشاره می کند. از آنجا که عنصر برای انتخابگر CSS معتبر نیست ، روش کاهش رتبه صفر است.

document.querySelector (cssSelector)
node.querySelector (cssSelector)

روش دانمارکی دارای یک پارامتر صحافی (cssSelector) است که یک سطر برای نمایش انتخابگر CSS است ، به شرطی که عنصر انتخاب شده باشد.

به عنوان مثال ، رنگها را به متن اولین عنصر شناخته شده مشابه انتخاب کننده #main p تغییر دهید:

به عنوان مثال ، مجموعه عناصر DIV را در سند تصحیح کنید. 1 دانشگاه را در کل مجموعه ارسال کنید ، به طوری که دانشگاه دارای شاخص 0 باشد. برای کل دانشگاه ، وسط اول دانشگاه دختر را بدانید که اولین عنصر است ، یعنی آوردن انتخابگر CSS h1 + p. نوشتن تغییر در اندازه فونت یک عنصر.

// ویرایش مجموعه ای از عناصر DIV var elementsDIV = document.getElementsByTagName ("DIV") ؛ // بازنویسی 1 دانشگاه در کل مجموعه var elementDIV = elementsDIV؛ // دانشگاه را بازنویسی کنید ، آن را به طور همزمان برای دانشگاه h1 تغییر دهید // دانشگاه را به وسط دانشگاههای متوسطه دانشگاه ببرید ، که می تواند در عنصر متناوب DIV var elementP = elementDIV.querySelector ("h1 + پ")؛ // تغییر اندازه قلم عنصر elementP.style.fontSize = "30px"؛

متد QuerySelectorAll ()

متد querySelectorAll () تمام عناصر شناخته شده در سند (برای سند) یا وسط دانشگاه های دختر (برای گره) را که به انتخابگر CSS مشخص شده در پارامتر روش داده شده ، در دیدگاه شیء NodeList (مجموعه) Zvernennya به دانشگاه در مجموعه ، دنبال فهرست. مشاهده موارد (دانشگاه ها) در مجموعه برای تعمیر از 0.

برای رد تعدادی از دانشگاه های شناخته شده ، باید قدرت طول شی NodeList را داشته باشید. و برای تبدیل همه دانشگاه ها به مجموعه ، می توانید چرخه تهاجمی را سرعت بخشید:

Var elementsList = document.querySelectorAll ("# اصلی p")؛ برای (var i = 0 ؛ i

document.querySelectorAll (cssSelector) ؛
گره (vuzol) .querySelectorAll (cssSelector) ؛

روش دانمارکی دارای یک پارامتر صحافی (cssSelector) است که یک سطر برای نمایش انتخابگر CSS است ، به شرطی که عنصر انتخاب شده باشد. برای افزودن برخی از انتخاب کننده ها به روش پارامتر ، باید آنها را از طریق شخصی توزیع کنید.

به عنوان مثال ، رنگها را به متن عناصر مرتبط با انتخاب کننده #main p تغییر دهید:

به عنوان مثال ، یک دانشگاه دختر را که دارای ویژگی id از مقادیر نوار کناری است ، کسر کنید. تغییر رنگها در پس زمینه عناصر دختر دانشگاه ، در پیش زمینه:

// ارائه عنصر (vuzol) ، اما maє id = "sidebar" var sidebar = document.getElementById ("نوار کناری") ؛ // مجموعه دانشگاه های مرتبط با انتخابگر "p" var elementsListP = sidebar.querySelectorAll ("p") را کوتاه کنید؛ // در تمام عناصر مجموعه برای (var i = 0؛ i

zavdannya

برای روشهای زیر کد را در جاوا اسکریپت بنویسید:

1. ویرایش همه عناصر p ، roztashovani در بلوک اصلی ؛
2. بلوک را کنار بگذارید ، در یک ظرف div بخیه بزنید.
3. بلوک پاورقی را بپیچید ، پیچ ها را داخل محفظه بدن قرار دهید.

روش های مختلفی برای مراقبت از پوست ویکوناتی یاکوموگ وجود دارد.

روش اسناد جاوا اسکریپت .querySelector ()اولین عنصر در سند (object Element) را که به انتخابگر مشخص شده یا انتخابگر گروه نشان داده می شود ، بچرخانید. اگر مشخص نیست ، مقدار آن خالی است.

من احترام شما را برای کسانی که مجاز به انتخاب عناصر شبه CSS به عنوان مقدار انتخاب کننده برای عناصر شوخی نیستند ، در مقادیر بسیار متنوعی جمع آوری می کنم ، که اگر خالی باشد تغییر می کند.

اگر به فهرستی از همه عناصری که برای انتخابگر یا انتخابگرها قابل استفاده است نیاز دارید ، روش querySelectorAll () را برای این کار انتخاب کنید.

روش .querySelector ()همچنین در شیء Element نشان داده شده است ، به دلایل نقص ، می توانید روی هر عنصر ، نه فقط بر روی سند ، کلیک کنید. عنصری در yaky vіn wiklikєatsya bude vikoristany در نقش یک عنصر ریشه برای شوخی.

پشتیبانی توسط مرورگرها

نحو جاوا اسکریپت:

مشخصات

مقدار پارامتر

وینیت ها

لب به لب vikoristannya