Как правильно парсить html из строки?

Question

[zkrvndm]

Когда мне нужно вытащить содержимое каких-то тегов или информацию из атрибутов я делаю так:

fel = document.createElement('html');
fel.innerHTML = 'записываю имеющийся html-код внутрь';
txt = fel.querySelector('h1').innerText;
console.log(txt);

Иными словами, создаю элемент, записываю в него информацию и далее селекторами вытаскиваю нужное. Однако, мне кажется, что я забиваю микроскопы гвоздем, так как описанный выше способ похоже засоряет сеть и память. Если парсить таким образом много данных, то в какой-то момент браузер начинает подтормаживать циклами.

Существуют ли в JavaScript более оптимальные способы парсить html из строки? Какие-нибудь библиотеки заточные конкретно под быстрый парсинг html-кода регулярками (например) без создания элементов в текущем документе вообще?

Answer 1

[Александр]

Существует.

Comments

[zkrvndm]

Попробовал, довольно удобно оказалось:

parser = new DOMParser();
doc = parser.parseFromString(xhr.responseText, 'text/html');
all_inputs = doc.querySelectorAll('input');
console.dir(all_inputs);

Подскажите, а экземпляр new DOMParser() должен вызываться всегда новый или можно за все время жизни страницы вызывать метод один раз и потом использовать всегда его тупо ссылаясь на него через константу?

[Александр]

Надим Закиров, Можно сохранить экземпляр единожды в константу и ссылать неё, да.