DOM elementlərinin JavaScript-də nömrələnməsi
Iteratorları anlamaq DOM elementlərinə nömrə əlavə etməyi asanlaşdırır. Məsələn, tutaq ki, bizim abzaslarımız var:
<p>mətn</p>
<p>mətn</p>
<p>mətn</p>
Gəlin bu abzasların kolleksiyasını dəyişənə əldə edək:
let elems = document.querySelectorAll('p');
Gəlin iteration üçün daxili
iterator entries-dən istifadə edək:
for (let entry of elems.entries()) {
console.log(entry);
}
Nömrələri elementlərdən ayırmaq üçün destrukturizasiyadan istifadə edək:
for (let [num, elem] of elems.entries()) {
console.log(num, elem);
}
Gəlin hər abzasın sonuna onun sıra nömrəsini əlavə edək:
for (let [num, elem] of elems.entries()) {
elem.textContent += num;
}
HTML cədvəli verilib. Bu cədvəlin hər bir xanasını nömrələyin.
