جاوا اسکرپٹ اور getElementById استفسار سلیکٹر میں فرق

Javascript Getelementbyid Difference Queryselector



getElementById بمقابلہ استفسار انتخاب کنندہ: مماثلت

پہلے ہم مندرجہ ذیل کوڈ کو دیکھتے ہیں۔

  • PHP
  • HTML
  • CSS
  • JavaScript

* مثال کے طور پر پہلے میں پہلا حاصل کرنا چاہتا ہوں میں ، شناختی نام 'ویب-آئی ڈی' کہا جاتا ہے
1. getElementById کے ساتھ



document.getElementById('web-id')

2. استفسار سلیکٹر



document.querySelector('#web-id')

getElementById بمقابلہ استفسار انتخاب کنندہ: اختلافات

جب آپ پہلے تین کو منتخب کریں میں جب آپ getElementById اس کا استعمال کرسکتے ہیں؟
ناممکن!
کیونکہ کوئی بیان نہیں ہے ID ، آپ صرف استفسار انتخاب کنندہ منتخب کرسکتے ہیں



document.querySelector('ul li.web-class')

یا تو آپ کو آسانی سے لکھا جاسکتا ہے

document.querySelector('li.web-class')

خلاصہ:

جب دونوں ایک جیسے ہی استعمال کرتے ہیں ، لیکن getElementById کی مزید سفارش کی جاتی ہے۔
کیونکہ یہ استفسار انتخاب کنندہ کے مقابلے میں تیز اور بہتر تعاون یافتہ ہے۔