JavaScript'te DOM Elemanlarını Numaralandırma
Yineleyicileri anlamak, DOM elemanlarına numara eklemeyi kolaylaştırır. Örneğin, elimizde şu paragraflar olsun:
<p>metin</p>
<p>metin</p>
<p>metin</p>
Bu paragrafların koleksiyonunu bir değişkene alalım:
let elems = document.querySelectorAll('p');
Numaralandırmak için yerleşik
entries yineleyicisini kullanalım:
for (let entry of elems.entries()) {
console.log(entry);
}
Numaraları elemanlardan ayırmak için yapıyı çözelim (destructuring):
for (let [num, elem] of elems.entries()) {
console.log(num, elem);
}
Her paragrafın sonuna sıra numarasını ekleyelim:
for (let [num, elem] of elems.entries()) {
elem.textContent += num;
}
Bir HTML tablosu verildi. Bu tablonun her hücresini numaralandırın.
