HTML DOM Element querySelectorAll() 方法

جدول درس

دستورالعمل JS

JavaScript

Window

DOM HTML

API وب

عنصر HTML

-

</a></li> <li><a href="/ur/jsref/dom_obj_image.html" title="ایچ تی ایم ایل ڈوم آئی میج آئیٹم"><img></a></li> <li><a href="/ur/jsref/dom_obj_ins.html" title="ایچ تی ایم ایل ڈوم انس آئیٹم"><ins></a></li> <li><a href="/ur/jsref/dom_obj_button.html" title="HTML DOM انٹر بٹن آٹوارک"><input> button</a></li> <li><a href="/ur/jsref/dom_obj_checkbox.html" title="HTML DOM انٹر چیک بک آٹوارک"><input> checkbox</a></li> <li><a href="/ur/jsref/dom_obj_color.html" title="HTML DOM انٹر کلر آٹوارک"><input> color</a></li> <li><a href="/ur/jsref/dom_obj_date.html" title="HTML DOM انٹر ڈیٹ آٹوارک"><input> date</a></li> <li><a href="/ur/jsref/dom_obj_datetime.html" title="HTML DOM انٹر ڈیٹائم آٹوارک"><input> datetime</a></li> <li><a href="/ur/jsref/dom_obj_datetime-local.html" title="HTML DOM انٹر ڈیٹائم لوکال آٹوارک"><input> datetime-local</a></li> <li><a href="/ur/jsref/dom_obj_email.html" title="HTML DOM انٹر ای میل آٹوارک"><input> email</a></li> <li><a href="/ur/jsref/dom_obj_fileupload.html" title="HTML DOM انٹر فائل اپ لوڈ آٹوارک"><input> file</a></li> <li><a href="/ur/jsref/dom_obj_hidden.html" title="HTML DOM انٹر ہائیڈن آٹوارک"><input> hidden</a></li> <li><a href="/ur/jsref/dom_obj_input_image.html" title="HTML DOM انٹر امیج آٹوارک"><input> image</a></li> <li><a href="/ur/jsref/dom_obj_month.html" title="HTML DOM انٹر مونتھ آٹوارک"><input> month</a></li> <li><a href="/ur/jsref/dom_obj_number.html" title="HTML DOM انٹر نمبر آٹوارک"><input> number</a></li> <li><a href="/ur/jsref/dom_obj_password.html" title="HTML DOM انٹر پاسورڈ آٹوارک"><input> password</a></li> <li><a href="/ur/jsref/dom_obj_radio.html" title="HTML DOM انٹر ریڈیو آٹوارک"><input> radio</a></li> <li><a href="/ur/jsref/dom_obj_range.html" title="HTML DOM انٹر رینج آٹوارک"><input> range</a></li> <li><a href="/ur/jsref/dom_obj_reset.html" title="HTML DOM انٹر ریسیٹ آٹوارک"><input> reset</a></li> <li><a href="/ur/jsref/dom_obj_search.html" title="HTML DOM انٹر سارچ آٹوارک"><input> search</a></li> <li><a href="/ur/jsref/dom_obj_submit.html" title="HTML DOM انٹر سابمٹ آٹوارک"><input> submit</a></li> <li><a href="/ur/jsref/dom_obj_text.html" title="HTML DOM انٹر ٹیکسٹ آٹوارک"><input> text</a></li> <li><a href="/ur/jsref/dom_obj_input_time.html" title="HTML DOM انٹر ٹائم آٹوارک"><input> time</a></li> <li><a href="/ur/jsref/dom_obj_url.html" title="HTML DOM انٹر یورل آٹوارک"><input> url</a></li> <li><a href="/ur/jsref/dom_obj_week.html" title="HTML DOM انٹر ویک آٹوارک"><input> week</a></li> <li><a href="/ur/jsref/dom_obj_kbd.html" title="HTML DOM کیبڈ آٹوارک"><kbd></a></li> <li><a href="/ur/jsref/dom_obj_label.html" title="HTML DOM لیبل آٹوارک"><label></a></li> <li><a href="/ur/jsref/dom_obj_legend.html" title="HTML DOM لیجینڈ آٹوارک"><legend></a></li> <li><a href="/ur/jsref/dom_obj_li.html" title="HTML DOM لی آٹوارک"><li></a></li> <li><a href="/ur/jsref/dom_obj_link.html" title="HTML DOM لنک آٹوارک"><link></a></li> <li><a href="/ur/jsref/dom_obj_map.html" title="HTML DOM ماپ آٹوارک"><map></a></li> <li><a href="/ur/jsref/dom_obj_mark.html" title="HTML DOM مارک آٹوارک"><mark></a></li> <li><a href="/ur/jsref/dom_obj_menu.html" title="HTML DOM منو آٹوارک"><menu></a></li> <li><a href="/ur/jsref/dom_obj_menuitem.html" title="HTML DOM منو آئٹم آٹوارک"><menuitem></a></li> <li><a href="/ur/jsref/dom_obj_meta.html" title="HTML DOM میٹا آٹوارک"><meta></a></li> <li><a href="/ur/jsref/dom_obj_meter.html" title="HTML DOM میٹر آٹوارک"><meter></a></li> <li><a href="/ur/jsref/dom_obj_nav.html" title="HTML DOM ناوی آٹوارک"><nav></a></li> <li><a href="/ur/jsref/dom_obj_object.html" title="HTML DOM آوبجیکٹ آٹوارک"><object></a></li> <li><a href="/ur/jsref/dom_obj_ol.html" title="HTML DOM اول آٹوارک"><ol></a></li> <li><a href="/ur/jsref/dom_obj_optgroup.html" title="HTML DOM آپشن گروپ آٹوارک"><optgroup></a></li> <li><a href="/ur/jsref/dom_obj_option.html" title="HTML DOM آپشن آٹوارک"><option></a></li> <li><a href="/ur/jsref/dom_obj_output.html" title="HTML DOM آؤٹ پُٹ آٹوارک"><output></a></li> <li><a href="/ur/jsref/dom_obj_paragraph.html" title="HTML DOM پاراگراف آٹوارک"><p></a></li> <li><a href="/ur/jsref/dom_obj_param.html" title="HTML DOM پارامٹر آٹوارک"><param></a></li> <li><a href="/ur/jsref/dom_obj_pre.html" title="HTML DOM پر آٹوارک"><pre></a></li> <li><a href="/ur/jsref/dom_obj_progress.html" title="HTML DOM پروگریس آٹوارک"><progress></a></li> <li><a href="/ur/jsref/dom_obj_quote.html" title="HTML DOM کوٹ آٹوارک"><q></a></li> <li><a href="/ur/jsref/dom_obj_s.html" title="HTML DOM S اچار"><s></a></li> <li><a href="/ur/jsref/dom_obj_samp.html" title="HTML DOM Samp اچار"><samp></a></li> <li><a href="/ur/jsref/dom_obj_script.html" title="HTML DOM Script اچار"><script></a></li> <li><a href="/ur/jsref/dom_obj_section.html" title="HTML DOM Section اچار"><section></a></li> <li><a href="/ur/jsref/dom_obj_select.html" title="HTML DOM Select اچار"><select></a></li> <li><a href="/ur/jsref/dom_obj_small.html" title="HTML DOM Small اچار"><small></a></li> <li><a href="/ur/jsref/dom_obj_source.html" title="HTML DOM Source اچار"><source></a></li> <li><a href="/ur/jsref/dom_obj_span.html" title="HTML DOM Span اچار"><span></a></li> <li><a href="/ur/jsref/dom_obj_strong.html" title="HTML DOM Strong اچار"><strong></a></li> <li><a href="/ur/jsref/dom_obj_sub.html" title="HTML DOM Subscript اچار"><sub></a></li> <li><a href="/ur/jsref/dom_obj_summary.html" title="HTML DOM Summary اچار"><summary></a></li> <li><a href="/ur/jsref/dom_obj_sup.html" title="HTML DOM Superscript اچار"><sup></a></li> <li><a href="/ur/jsref/dom_obj_table.html" title="HTML DOM Table اچار"><table></a></li> <li><a href="/ur/jsref/dom_obj_tbody.html" title="HTML DOM TBody اچار"><tbody></a></li> <li><a href="/ur/jsref/dom_obj_tabledata.html" title="HTML DOM TableData اچار"><td></a></li> <li><a href="/ur/jsref/dom_obj_tfoot.html" title="HTML DOM TFoot اچار"><tfoot></a></li> <li><a href="/ur/jsref/dom_obj_tablehead.html" title="HTML DOM TableHeader اچار"><th></a></li> <li><a href="/ur/jsref/dom_obj_thead.html" title="HTML DOM THead اچار"><thead></a></li> <li><a href="/ur/jsref/dom_obj_tablerow.html" title="HTML DOM TableRow اچار"><tr></a></li> <li><a href="/ur/jsref/dom_obj_textarea.html" title="HTML DOM Textarea اچار"><textarea></a></li> <li><a href="/ur/jsref/dom_obj_time.html" title="HTML DOM Time اچار"><time></a></li> <li><a href="/ur/jsref/dom_obj_title.html" title="HTML DOM Title اچار"><title></a></li> <li><a href="/ur/jsref/dom_obj_track.html" title="HTML DOM Track اچار"><track></a></li> <li><a href="/ur/jsref/dom_obj_u.html" title="HTML DOM Underline اچار"><u></a></li> <li><a href="/ur/jsref/dom_obj_ul.html" title="HTML DOM Ul اچار"><ul></a></li> <li><a href="/ur/jsref/dom_obj_var.html" title="HTML DOM Variable اچار"><var></a></li> <li><a href="/ur/jsref/dom_obj_video.html" title="HTML DOM Video اچار"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/ur/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration اچار">CSSStyleDeclaration</a></li> <li><a href="/ur/jsref/jsref_type_conversion.html" title="JavaScript کی نوع تبدیلی">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/ur/howto/index.html" title="CodeW3C.com کا چمپکین">CodeW3C.com کا چمپکین</a></li> </ul> </div> </div> <div id="maincontent"> <div class="idea"> <a href="/"><button>English</button></a> <a href="/zh/"><button>中文</button></a> <a href="/oldzh/"><button>繁體中文</button></a> <a href="/ru/"><button>Русский</button></a> <a href="/fr/"><button>Français</button></a> <a href="/de/"><button>Deutsch</button></a> <a href="/es/"><button>Español</button></a> <a href="/pt/"><button>Português</button></a> <a href="/ja/"><button>日本語</button></a> <a href="/ko/"><button>한국어</button></a> <a href="/it/"><button>Italiano</button></a> <a href="/ar/"><button>عربي</button></a> <a href="/hi/"><button>हिंदी</button></a> <a href="/bn/"><button>বাংলা</button></a> <a href="/ms/"><button>Bahasa Malaysia</button></a> <a href="/my/"><button>မြန်မာ</button></a> <a href="/vi/"><button>Tiếng Việt</button></a> <a href="/th/"><button>ภาษาไทย</button></a> <a href="/lo/"><button>ລາວ</button></a> <a href="/id/"><button>Bahasa Indonesia</button></a> <a href="/ur/"><button>اردو</button></a> <a href="/ha/"><button>Hausa</button></a> <a href="/pl/"><button>Język polski</button></a> <a href="/pa/"><button>ਪੰਜਾਬੀ</button></a> <a href="/sv/"><button>Svenska</button></a> <a href="/da/"><button>Dansk</button></a> <a href="/nl/"><button>Nederlands</button></a> <a href="/tr/"><button>Türkçe</button></a> <a href="/fi/"><button>suom.</button></a> <a href="/el/"><button>Ελληνικά</button></a> <a href="/fa/"><button>فارسی</button></a> <a href="/sw/"><button>Kiswahili</button></a> <a href="/te/"><button>తెలుగు</button></a> <a href="/tl/"><button>wikang Galu</button></a> </div> <h1>HTML DOM Element querySelectorAll() 方法</h1> <div class="prenextnav-ref"> <ul> <li> پچھلے پینج کی طرف واپس جائیں <a href="/ur/jsref/met_element_queryselector.html" title="HTML DOM Element querySelector() طریق">querySelector()</a></li> <li> بعد کا پینج <a href="/ur/jsref/met_element_remove.html" title="HTML DOM Element remove() طریق">remove()</a></li> <li> پچھلے سیکشن کی طرف واپس جائیں <a href="/ur/jsref/dom_obj_all.html" title="HTML DOM Elements اچار">HTML DOM Elements اچار</a></li> </ul> </div> <div> <h2>تعلیم اور استعمال</h2> <p><code>querySelectorAll()</code> طریقہ کار، مقرر کیا جانے والا CSS منتخب کنندہ سے نمائش دیتا ہے عناصر کا مجموعہ، ساٹک NodeList آئیٹمنام سے واپس فراہم کرتا ہے</p> <h3>NodeList</h3> <p>NodeList ایک آئیٹمنام کی لیکن سلسلے (لیکن) ہوتا ہے</p> <p>لیکن میں کا آئیٹم، انڈیکس (آزما) سے حاصل کیا جاسکتا ہے، انڈیکس سے شروع ہوتا ہے</p> <p>length خصوصیت کو لیکن سے لیکن سلسلے میں کا اعدادشمار دینا ہوتا ہے</p> <h3>ایک بار دیکھیئے:</h3> <h4>مراجعہ دستاویز:</h4> <p><a href="/ur/jsref/prop_element_classlist.html" title="HTML DOM Element classList کی خاصیت">classList خصوصیت</a></p> <p><a href="/ur/jsref/prop_html_classname.html" title="HTML DOM Element className کی خاصیت">className خصوصیت</a></p> <p><a href="/ur/jsref/met_element_queryselector.html" title="HTML DOM Element querySelector() طریق">querySelector() طریقہ کار</a></p> <p><a href="/ur/jsref/met_element_getelementsbytagname.html" title="HTML DOM Element getElementsByTagName() طریق">getElementsByTagName() طریقہ کار</a></p> <p><a href="/ur/jsref/met_element_getelementsbyclassname.html" title="HTML DOM Element getElementsByClassName() طریق">getElementById() طریقہ کار</a></p> <p><a href="/ur/jsref/dom_obj_style.html" title="ایچ تی ایمل ڈوم اسٹائل آوبجیکٹ">ایچ تی ایمل ڈوم اسٹائل آوبجیکٹ</a></p> <h4>درس:</h4> <p><a href="/ur/css/css_syntax.html" title="CSS زبان">CSS زبان</a></p> <p><a href="/ur/css/css_selectors.html" title="CSS انتخاب‌کننده">CSS انتخاب‌کننده</a></p> <p><a href="/ur/cssref/css_selectors.html" title="CSS انتخاب‌کننده 参考 کتاب">CSS انتخاب‌کننده 参考 کتاب</a></p> </div> <div> <h2>مثال</h2> <h3>مثال 1</h3> <p>div عنصر میں class="example" کا پہلا عنصر کی پس منظر کا رنگ تنظیم کریں:</p> <pre class="language-js"> // id="myDIV" کا عنصر (div) حاصل کریں، سپس div میں class="example" کا سبھی عناصر حاصل کریں var x = document.getElementById("myDIV").querySelectorAll(".example"); // div میں پہلا class="example" (انڈیکس 0) عناصر کی پس منظر کا رنگ تنظیم کریں x[0].style.backgroundColor = "red"; </pre> <p class="tiy"><a target="_blank" href="/ur/tiy/t.html?f=jsck_element_queryselectorall_class">آپ خود سنجید</a></p> <p class="tip"><span>اتوجاہتی:</span>صفحه کے نیچے زیادہ مثال دستیاب ہیں。</p> </div> <div> <h2>نحویات</h2> <pre><i>عنصر</i>.querySelectorAll(<i>cssSelectors</i>)</pre> <h3>پارامتر</h3> <table class="dataintable"> <tr> <th style="width: 25%;">پارامتر</th> <th>شرح</th> </tr> <tr> <td><i>cssSelectors</i></td> <td> <p>ضروری۔قاعدہ کا زبان، کی وجہ سے یک یا کئی CSS منتخب کنندگان کو مقرر کیا جائے گا تاکہ عناصر کو مطابقت دینا جائے</p> <p>CSS منتخب کنندگان، عناصر کو id، کلاس، نوعیت، خصوصیات، خصوصیات کا قیمتی کی وجہ سے منتخب کرتے ہیں。</p> <p>کئی منتخب کنندگان کے لئے، ہر منتخب کنندہ کو کُماند کریں</p> <p class="tip"><span>اتوجاہتی:</span>تمام CSS منتخب کنندگان کی فہرست کو دیکھنے کے لئے ہمارے <a href="/ur/cssref/css_selectors.html" title="CSS انتخاب‌کننده 参考 کتاب">CSS انتخاب‌کننده 参考 کتاب</a>。</p> </td> </tr> </table> </div> <div> <h2>تکنیکی تفصیلات</h2> <table class="definition-usage"> <tr> <th style="width: 25%;">بازگشتی قیمت:</th> <td> <p>NodeList ابرعناصر کا ایک آئیٹم ہوتا ہے جو مقرر کیا جانے والا CSS منتخب کنندہ سے نمائش دیتا ہے</p> <p>NodeList ایک ساٹک مجموعہ ہوتا ہے، یعنی DOM میں تبدیلی مجموعے پر اثر نہیں لگتی ہے。</p> <p class="important"><span>توجہ:</span>اگر مقرر کیا جانے والا منتخب کنندہ نامزد نہیں تو SYNTAX_ERR کی استثنائی کا اندازہ لگایا جائے گا</p> </td> </tr> <tr> <th>DOM نسخہ:</th> <td>Selector Level 1 Document Object</td> </tr> </table> </div> <div> <h2>بہتر مثال</h2> <h3>مثال 2</h3> <p>مقابل <div> عناصر کی سبھی <p> عناصر حاصل کریں، اور پہلا <p> عناصر (انڈیکس 0) کی پس منظر کا رنگ تنظیم کریں:</p> <pre class="language-js"> // حاصل کریں id="myDIV" کا عنصر (div)، بعد از آن div کے اندر تمام p عناصر کو حاصل کریں var x = document.getElementById("myDIV").querySelectorAll("p"); // div میں پہلا <p> عناصر (انڈیکس 0) کی پس منظر کا رنگ تنظیم کریں x[0].style.backgroundColor = "red"; </pre> <p class="tiy"><a target="_blank" href="/ur/tiy/t.html?f=jsck_element_queryselectorall_p">آپ خود سنجید</a></p> <h3>مثال 3</h3> <p>مقابل <div> میکاں "example" کا سبھی <p> عناصر حاصل کریں، اور پہلا <p> عناصر کی پس منظر کا رنگ تنظیم کریں:</p> <pre class="language-js"> // حاصل کریں id="myDIV" کا عنصر (div)، بعد از آن div میں تمام class="example" کی p عناصر کو حاصل کریں var x = document.getElementById("myDIV").querySelectorAll("p.example"); // div میں class="example" کا پہلا <p> عنصر (انڈیکس 0) کی پس منظر رنگ تنظیم کریں x[0].style.backgroundColor = "red"; </pre> <p class="tiy"><a target="_blank" href="/ur/tiy/t.html?f=jsck_element_queryselectorall_p_class">آپ خود سنجید</a></p> <h3>مثال 4</h3> <p>بالای <div> عنصر میں کتنی تعداد کی class="example" کی عناصر موجود ہیں (NodeList اکائی کی length خاصیت کا استعمال کرکے):</p> <pre class="language-js"> /* حاصل کریں id="myDIV" کا عنصر (div)، بعد از آن div کے اندر تمام class="example" کی p عناصر کو حاصل کریں، پائیدار عنصر کی تعداد کو بازگشت دے */ var x = document.getElementById("myDIV").querySelectorAll(".example").length; </pre> <p class="tiy"><a target="_blank" href="/ur/tiy/t.html?f=jsck_element_queryselectorall_length">آپ خود سنجید</a></p> <h3>مثال 5</h3> <p>تنظیم <div> عنصر میں class="example" کی تمام عناصر کی پس منظر رنگ:</p> <pre class="language-js"> // حاصل کریں id="myDIV" کا عنصر (div)، بعد از آن div میں تمام class="example" کی عناصر کو حاصل کریں var x = document.getElementById("myDIV").querySelectorAll(".example"); // for لائچ بنائیں اور div میں تمام class="example" عناصر کی پس منظر رنگ تنظیم کریں var i; for (i = 0; i < x.length; i++) { x[i].style.backgroundColor = "red"; } </pre> <p class="tiy"><a target="_blank" href="/ur/tiy/t.html?f=jsck_element_queryselectorall_loop">آپ خود سنجید</a></p> <h3>مثال 6</h3> <p>تنظیم <div> عنصر میں تمام <p> عناصر کی پس منظر رنگ:</p> <pre class="language-js"> // حاصل کریں id="myDIV" کا عنصر (div)، بعد از آن div کے اندر تمام p عناصر کو حاصل کریں var x = document.getElementById("myDIV").querySelectorAll("p"); // for لائچ بنائیں اور div میں تمام p عناصر کی پس منظر رنگ تنظیم کریں var i; for (i = 0; i < x.length; i++) { x[i].style.backgroundColor = "red"; } </pre> <p class="tiy"><a target="_blank" href="/ur/tiy/t.html?f=jsck_element_queryselectorall_loop_p">آپ خود سنجید</a></p> <h3>مثال 7</h3> <p>تنظیم <div> عنصر میں تمام <a> عناصر جس میں target اپریشن موجود ہو، کی بورڈر سائز:</p> <pre class="language-js"> // حاصل کریں id="myDIV" کا عنصر (div)، بعد از آن تمام <a> عناصر جس میں "target" اپریشن موجود ہو، کو div میں حاصل کریں var x = document.getElementById("myDIV").querySelectorAll("a[target]"); // for چکر بنائیں اور div میں تمام targe t کا حامل <a> عناصر کی حاشیہ کو سیٹ کریں var i; for (i = 0; i < x.length; i++) { x[i].style.border = "10px solid red"; } </pre> <p class="tiy"><a target="_blank" href="/ur/tiy/t.html?f=jsck_element_queryselectorall_loop_target">آپ خود سنجید</a></p> <h3>مثال 8</h3> <p><div> عنصر میں تمام <h2>، <div> اور <span> عناصر کا پس منظر رنگ سیٹ کریں:</p> <pre class="language-js"> // id="myDIV" کا عنصر (div) حاصل کریں، تو <div> میں تمام <h2>، <div> اور <span> عناصر حاصل کریں var x = document.getElementById("myDIV").querySelectorAll("h2, div, span"); // for چکر بنائیں اور <div> میں تمام <h2>، <div> اور <span> عناصر کی پس منظر رنگ کو سیٹ کریں var i; for (i = 0; i < x.length; i++) { x[i].style.backgroundColor = "red"; } </pre> <p class="tiy"><a target="_blank" href="/ur/tiy/t.html?f=jsck_document_queryselectorall_multiple">آپ خود سنجید</a></p> </div> <div> <h2>بروسر سپورٹ</h2> <p>جداول میں دوسرے بروسر کو اس طریقے سے سپورٹ کرنے والی پہلی بروسر کی نسلی اعداد دی گئی ہیں۔</p> <table class="browser-support"> <tr> <th class="bsChrome">کروم</th> <th class="bsEdge">ایج</th> <th class="bsFirefox">فائر فاکس</th> <th class="bsSafari">سافری</th> <th class="bsOpera">آپریا</th> </tr> <tr> <td>کروم</td> <td>ایج</td> <td>فائر فاکس</td> <td>سافری</td> <td>آپریا</td> </tr> <tr> <td>4.0</td> <td>9.0</td> <td>3.5</td> <td>3.2</td> <td>10.0</td> </tr> </table> <p class="important"><span>توجہ:</span>اینٹرنیٹ ایکسپلورر 8 CSS2 انتخاب کنندگان کو سپورٹ کرتا ہے۔ ای ای 9 اور اس سے اوپر سپورٹ کرسکتا ہے CSS3۔</p> </div> <div> <h2>مربوط صفحات</h2> <p>CSS تعلیم:<a href="/ur/css/css_selectors.html" title="CSS انتخاب‌کننده">CSS انتخاب‌کننده</a></p> <p>CSS مراجعہ دستور زبان:<a href="/ur/cssref/css_selectors.html" title="CSS انتخاب‌کننده 参考 کتاب">CSS انتخاب‌کننده 参考 کتاب</a></p> <p>جاوا اسکریپٹ تعلیم:<a href="/ur/js/js_htmldom_nodelist.html" title="JavaScript HTML DOM Node لیست">جاوا اسکریپٹ HTML DOM Node List</a></p> <p>جاوا اسکریپٹ مراجعہ دستور زبان:<a href="/ur/jsref/met_element_queryselector.html" title="HTML DOM Element querySelector() طریق">element.querySelector()</a></p> <p>HTML DOM مراجعہ دستور زبان:<a href="/ur/jsref/met_document_queryselectorall.html" title="HTML DOM Document querySelectorAll() طریق">document.querySelectorAll()</a></p> </div> <div class="prenextnav-ref"> <ul> <li> پچھلے پینج کی طرف واپس جائیں <a href="/ur/jsref/met_element_queryselector.html" title="HTML DOM Element querySelector() طریق">querySelector()</a></li> <li> بعد کا پینج <a href="/ur/jsref/met_element_remove.html" title="HTML DOM Element remove() طریق">remove()</a></li> <li> پچھلے سیکشن کی طرف واپس جائیں <a href="/ur/jsref/dom_obj_all.html" title="HTML DOM Elements اچار">HTML DOM Elements اچار</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div>  <div id="sidebar"> <div><h3><center> آلہ کا دفتر </center><h3> <h5 id="tools_reference"><a href="/ur/jsref/index.html">جاوا اسکریپت اور ایچ تی ایمل ڈوم مرجع دستاویز</a></h5> <h5 id="tools_example"><a href="/ur/js/js_examples.html">جاوا اسکریپٹ مثال</a></h5> <h5 id="tools_quiz"><a href="/ur/js/js_quiz.html">جاوا اسکریپٹ امتحان</a></h5> <h5 id="tools_tutorial"><a href="/ur/js/index.html">جاوا اسکریپٹ تعلیم</a></h5> </div> <div><h3><center> سپانسر لنک </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> CodeW3C.com فراہم کردہ معلومات صرف تربیت اور امتحان کیلئے ہی استعمال کی جاتی ہیں، صحت و صحت کو یقینی نہیں کیا جاتا ہے۔ اس سائٹ کی معلومات استعمال کرنے سے پیدا ہونے والی تمام خطرات اس سائٹ سے منفرد ہیں۔ حقوق کاپی، تمام حقوق محفوظ رکھا جاتا ہے۔ </p> <p id="p2"> <a href="/ur/about/index.html" title="بارے میں CodeW3C.com">بارے میں CodeW3C.com</a> <a href="/ur/about/about_helping.html" title="کوڈوو3سی کام سہولت">کوڈوو3سی کام سہولت</a> <a href="/ur/about/about_use.html" title="کے بارے میں استعمال">استعمال شرائط</a> <a href="/ur/about/about_privacy.html" title="پرائیویسی کے بارے میں">پرائیویسی شرائط</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="بنیادیہ Ce4e.com"></a> </p> </div> </div>  <script src="/myjs/tongji.js"></script> </body> </html>