⊗jsSpItDEN 76 of 294 menu

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

日本語
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItalianoქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
当サイトでは、サイトの動作、分析、パーソナライゼーションのためにクッキーを使用しています。 データ処理はプライバシーポリシーに従って行われます。
すべて受け入れる 設定 拒否