Есть ли способ извлечь определённые данные из строки?

Question

[Сергей]

Есть строка такого вида:

var string = '<div class="class1">text1</div>' + 
             '<div class="class2">text2</div>' + 
             '<div class="class3">text3</div>';

Есть ли простой способ извлечь данные, заключенные в тегах (text1, text2, text3), в виде массива?

Answer 1

[0xD34F]

const div = document.createElement('div');
div.innerHTML = str;
const arr = Array.from(div.children, n => n.innerText);

или

const arr = Array.prototype.map.call(
  new DOMParser().parseFromString(str, 'text/html').body.children,
  n => n.textContent
);

или

const arr = [];
for (const n of document.createRange().createContextualFragment(str).children) {
  arr.push(n.innerHTML);
}

Comments

[Сергей]

Спасибо, блестящее решение. А как это выглядит со старым синтаксисом без стрелочных функций и прочего?

[0xD34F]

Вариант раз:

var div = document.createElement('div');
div.innerHTML = str;
var arr = [].map.call(div.children, function(n) { return n.innerText; });

Вариант два - на что и как заменить const и стрелочную функцию вы уже знаете.

Вариант три:

var arr = [];
var elems = document.createRange().createContextualFragment(str).children;
for (var i = 0; i < elems.length; i++) {
  arr.push(elems[i].innerHTML);
}

[Сергей]

Спасибо ещё раз!