जावास्क्रिप्ट में DOM एलिमेंट्स की नंबरिंग

इटरेटर्स को समझना आसानी से DOM एलिमेंट्स को नंबर जोड़ने की अनुमति देता है। उदाहरण के लिए, मान लीजिए कि हमारे पास पैराग्राफ हैं:

html<p>text</p>
<p>text</p>
<p>text</p>

आइए एक वेरिएबल में इन पैराग्राफ का संग्रह प्राप्त करें:

javascriptlet elems = document.querySelectorAll('p');

बिल्ट-इन entries इटरेटर का उपयोग करें लूप के लिए:

javascriptfor (let entry of elems.entries()) {
  console.log(entry);
}

एलिमेंट्स से नंबरों को अलग करने के लिए डीस्ट्रक्चरिंग का उपयोग करें:

javascriptfor (let [num, elem] of elems.entries()) {
  console.log(num, elem);
}

प्रत्येक पैराग्राफ के अंत में उसका क्रम संख्या जोड़ें:

javascriptfor (let [num, elem] of elems.entries()) {
  elem.textContent += num;
}