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

124
02 декабря 2020, 04:20

К примеру имеем обычные параграфы 

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

Я хочу получить значения внутри этих параграфов и пытаюсь это сделать так 

var selectors = document.querySelectorAll("p");
var texts = selectors.textContent;

Потом согласно описанию функции делаю так 

 var arr = texts.split(" ,");

Вывожу в консоль результат и получаю вот это

Uncaught TypeError: Cannot read property 'split' of undefined

Answer 1

А как же это Вы .textContent берёте сразу со списка?

Вот так вот можно:

var selectors = document.querySelectorAll("p"); 
var arr = []; 
 
selectors.forEach(function(element) { 
  arr.push(element.textContent); 
}); 
 
console.log(arr);
<p>str1</p> 
<p>str2</p> 
<p>str3</p> 
<p>str4</p>

READ ALSO
Динамическое подключение js скрипта
javascript

Динамическое подключение js скрипта

Пишу сайт интернет-магазинВ качестве инструментов голые php,js,css,mysql

 105
Как имитировать событие &#39;change keyup&#39;
javascript

Как имитировать событие 'change keyup'

Имею код, которые срабатывает на событие on('change keyup'Нужно имитировать это событие, чтобы запустить этот код

 119
RAII для параметра-дескриптора
c++

RAII для параметра-дескриптора

В этой теме уже рассматривалась техника оборачивания WinAPI функций в unique_ptr, однако у меня возник вопрос как это должно реализовываться в функциях,...

 146
std::vector из std::mutex. Как реализовать
c++

std::vector из std::mutex. Как реализовать

Нужно сделать вектор со структурой, содержащей вектор из структур, содержащих мьютекс

 122