Как можно выводить результаты JS не через идентификатор, а классы?

Question

[Volotitel]

Как можно выводить результаты JS не через идентификатор, а классы?
Никак не пойму, подскажите, пожалуйста. просто нужно вывести одну информацию два раза на странице и во втором случае не отображается уже, так как это ID.

Answer 1

[alexalexes]

Возьмите элементы с помощью getElementsByClassName и переберите их в цикле, вставив нужные сведения.

var elems = document.getElementsByClassName('your_class');
var elem_count = elems.length;
for(var i = 0; i < elem_count; i++)
{
   elems[i].innerHTML = 'Какие-то данные';
}

Answer 2

[Stalker_RED]

В одном документе нельзя делать несколько одинаковых id. Если вы так сделаете - находиться будет первый попавшийся.

По классу можно выбрать набор элементов

const myElements = document.querySelectorAll('.some_class');

Затем можно перебрать эти элементы, и в каждый вывести нужный текст

myElements.forEach( elem => elem.textContent = 42 );

Comments

[alexalexes]

Есть вариант использовать querySelectorAll, если совсем по-жесткому нарушать стандарты HTML в отношении id.

[Stalker_RED]

alexalexes, не подсказывайте :)