document.querySelector - возвращает ОДИН элемент, у элементов нет свойства length
, поэтому в цикл даже не заходит.
Для исправления нужно использовать document.querySelectorAll.
Однако, у элементов НЕТ свойства data
- поэтому выводиться всегда будет undefined
.
Какое именно из свойств нужно использовать, зависит от того, что именно нужно получить: text, html, или что-то еще.
Воспользоваться можно например свойствами: textContent
, innerHTML
var a = document.querySelectorAll('.block');
for (var i = 0; i < a.length; i++) {
console.log('textContent', a[i].textContent);
console.log('innerHTML', a[i].innerHTML);
}
<div class='block'>
Привет
</div>
<div class='block'>
<span>Привет</span>
</div>