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

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

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

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

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

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

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

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

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

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

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

एक HTML टेबल दी गई है। इस टेबल की प्रत्येक सैल को नंबर दें।