Как пронумеровать ссылки?

Question

[Александра]

Как пронумеровать список ссылок, чтобы из этого списка:

<div class="nav-about">
<li><a href="#block"></a></li>
<li><a href="#block"></a></li>
<li><a href="#block"></a></li>
<li><a href="#block"></a></li>
</div>

Получить такой:

<div class="nav-about">
<li><a href="#block1"></a></li>
<li><a href="#block2"></a></li>
<li><a href="#block3"></a></li>
<li><a href="#block4"></a></li>
</div>

Comments

[Aetae]

Но зачем?

Answer 1

[0xD34F]

document.querySelectorAll('.nav-about a').forEach((n, i) => n.attributes.href.value += i + 1);

Comments

[Александра]

Спасибо!

Answer 2

[Сергей Соколов]

document.querySelectorAll("div.nav-about a")
  .forEach((a, i) => a.href += (1 + i));

Comments

[Александра]

Спасибо!