Js | Как преобразовать полученный элемент из HTMLCollection в строку/list

Если у элемента есть id мы можем использовать его как будто переменную в js.

А если нужно обратиться к классу то можно использовать getElementsByClassName.

Но это будут разные вещи. Это наглядно видно если вывести в консоль, тот что мы получили по классу будет HTMLCollection а просто по id будет... строкой?

Необходимо что-бы. Тот к которому мы обращаемся по классу выглядил так же как будто мы к нему по id обращаемся.

    <p id="someid" class="someclass">Text</p>
    <script>
    console.log(someid);
    console.log(document.getElementsByClassName('someclass'));
    </script>

введите сюда описание изображения


Ответы (2 шт):

Автор решения: Алексей Шиманский

console.log(someid);
console.log(document.getElementsByClassName('someclass')[0].outerHTML);
<p id="someid" class="someclass">Text</p>

Соответственно если много элементов, то надо будет не [0] а проходить в цикле

→ Ссылка
Автор решения: ksa

Так еще можно...

console.log(document.querySelector('.someclass'));
<p id="someid" class="someclass">Text</p>

→ Ссылка