JavaScript parseFromString() — розбір HTML або XML з рядка

Метод parseFromString() перетворює рядок на документ DOM. Другим аргументом іде тип: text/html, text/xml, image/svg+xml.

правити

Загальний опис

Головна перевага над тимчасовим <div> з innerHTML — нічого не вантажиться й не виконується. Зображення не підуть у мережу, обробники з атрибутів не спрацюють. Документ мертвий, і саме тому з нього безпечно діставати дані.

Повертається повноцінний Document — по ньому працюють querySelector(), querySelectorAll(), усе звичне.

Помилки розбору XML метод не кидає. Замість цього він повертає документ, усередині якого лежить елемент parsererror — перевіряти доводиться вручну.

правити

Нотатка

Розібрати — безпечно, вставити — ні. Якщо результат потім іде в сторінку, санітизація все одно потрібна.

автор: NagarD правити

+ додати пораду чи нотатку

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
parseFromString	1+	1+	1+	8+	12+	9+

Підтримка: мобільні переглядачі

Переглядач
parseFromString	yes	yes	yes	yes

Приклади

+ запропонувати свій приклад у пісочниці

const doc = new DOMParser().parseFromString('<h1>Заголовок</h1>', 'text/html');
console.log(doc.querySelector('h1').textContent);

// XML: помилка не кидається — її треба шукати в документі
const rss = '<rss><item><title>Новина</title></item></rss>';
const xml = new DOMParser().parseFromString(rss, 'text/xml');

if (xml.querySelector('parsererror')) {
    console.error('Некоректний XML');
} else {
    console.log(xml.querySelector('title').textContent);
}