# DOM एलिमेंट चुनना — जावास्क्रिप्ट

Source: https://www.geekswithgeeks.com/hi/javascript/js-dom-selecting

> CSS सेलेक्टर से पेज पर एलिमेंट ढूँढना।

## querySelector

`querySelector` पहला मैच लौटाता है; `querySelectorAll` सभी मैच लौटाता है।

```js
const title = document.querySelector("h1");
const items = document.querySelectorAll(".item");
console.log(title.textContent);
console.log(items.length);
```

## पुराने सेलेक्टर

`getElementById`, `getElementsByClassName`, `getElementsByTagName` अब भी काम करते हैं, पर `querySelector`/`querySelectorAll` किसी भी CSS सेलेक्टर को स्वीकारते हैं और आधुनिक डिफ़ॉल्ट हैं।

## NodeList बनाम Array

`querySelectorAll` एक `NodeList` लौटाता है, असली array नहीं — इस पर array मेथड उपयोग करने के लिए `Array.from()` या `[...items]` उपयोग करें।