Почему не выводится .textContent?

Question

[Максим]

Имеем несколько параграфов к примеру :

<p>str1</p>
<p>str2</p>
<p>str3</p>

И в скрипте я пишу

var txt = document.querySelectorAll("p");
var text = txt.textContent;
var new1 = text.split(" ");

И получаю Uncaught TypeError: Cannot read property 'split' of undefined

Почему так ?

Answer 1

[ⓒⓢⓢ]

Почему так ?

потому что document.querySelectorAll(...) возвращает NodeList массив, у которого нет свойства textContent

Если нужны все абзацы на странице, то можете сделать так:

var text = [];
[...document.querySelectorAll("p")].map(v => text.push(v.textContent))
// В элементах массива text будет лежать контент всех найденных абзацев

Comments

[Максим]

spread здесь нужен ?

[ⓒⓢⓢ]

Да вот же, нет у NodeList метода map(...), поэтому мы сначала создаём массив из элементов NodeList массива и дальше уже проходимся по созданному массиву

[Максим]

дошло спасибо