Как извлечь данные из переменной, которая содержит в себе HTML?

Question

[AskJs]

Есть код:

const a = <div class="wrap">
<div class="a" id="1"></div>
<div class="a" id="2"></div>
</div>

Как мне достаться до класа елементов, или id'шки?

Comments

[ShinShil]

Зачем это понадобилось?

[AskJs]

ShinShil, как разница зачем)?
ну ок..надо роспарсить HTML, чтоб пересортировать все...уже решил)

[ShinShil]

Если есть инфа зачем, то могут предложить лучшее альтернативное решение.

[AskJs]

ShinShil, ну просто надо получить Массив типа a = ['1', '2']

Answer 1

[AskJs]

Ответ очень простой:

Просто надо взять DOM:
const a = document.getElementById('test').children;
for (let i = 0; i < a.length; i++) {
console.log(a[i].id)
}

Comments

[ShinShil]

Исходя из вопроса предполагал, что html пришёл с сервера)

[AskJs]

ShinShil, нет..HTML - простая верстка..не с сервера

Answer 2

[Виктор Л]

let html = `<div class="wrap">
<div class="a" id="1"></div>
<div class="a" id="2"></div>
</div>`;
let parser = new DOMParser()
let el = parser.parseFromString(html, "text/xml");
console.log(el.getElementById("1"));

Comments

[AskJs]

плохо работает...мне надо не HTML вернуть с id=1, а JSON

[Виктор Л]

плохо работает потому что вопрос для телепатов

Answer 3

[ShinShil]

2 варианта
1) вставить код в html страницу и получать всю необходимую информацию. Для это можно подготовить место для в html:

<div id="for-insert" style="{height:0,overflow: hidden}" ></div>

. Если внутрь вставить html, то его не будет видно,но его можно выбирать через javascript.

2) Регулярки. Для ознакомления рекомендую приложение из play market: Hour of regex.

3) Хороший вариант предложил Виктор в ответе ниже

Comments

[AskJs]

уже решил)

[AskJs]

AskJs, код итак в HTML странице ...