⊗jsSpItDEN 76 of 294 menu

Номериране на DOM елементи в JavaScript

Разбирането на итераторите позволява лесно да се добавят номера към 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
Ние използваме бисквитки за работата на сайта, анализ и персонализация. Обработката на данни се извършва в съответствие с Политика за поверителност.
приемам всички настройки отхвърляне