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>
