DOM एलिमेंट चुनना

querySelector

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

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] उपयोग करें।