Как пронумеровать уже назначенные ID?

Question

[smokerock]

Имеются блоки с ID:

<table id="responsivetable" class="restab" border="1">
....
</table>

Имеется скрипт, который обрабатывает блок с данным ID.
Надо добавить каждому ID номер, чтобы получилось responsivetable1, responsivetable2, responsivetable+n.

Answer 1

[0xD34F]

document.querySelectorAll('.restab').forEach((n, i) => {
  n.id = `responsivetable${++i}`;
});

// или

for (const [ i, n ] of document.querySelectorAll('.restab').entries()) {
  n.attributes.id.value = 'responsivetable' + (i + 1);
}

// или

const elems = document.getElementsByClassName('restab');
for (let i = 0; i < elems.length; i++) {
  elems[i].setAttribute('id', 'responsivetable'.concat(-~i));
}

Answer 2

[Никита Егоров]

[...document.querySelectorAll('#responsivetable')].forEach((n, i) => n.id += i);