JavaScriptにおける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テーブルが与えられています。このテーブルの各セルに番号を付けてください。