Получить данные из div в log?

Question

[GamiDPC]

Как получить все значени href class"list-item__link" и содержимое class"list-item__date" в log
Должно получиться как то так

http://element.ru/user/1 - 01.01.2018
http://element.ru/user/2 - 02.10.2017
http://element.ru/user/3 - 11.11.2017

<div class="list">
<li class="list-item ">
        <a href="http://element.ru/user/1" class="list-item__link">
        <span class="list-item__date">01.01.2018</span>
        </a>
</li>
<li class="list-item ">
        <a href="http://element.ru/user/2" class="list-item__link">
        <span class="list-item__date">02.10.2017</span>
        </a>
</li>
<li class="list-item ">
        <a href="http://element.ru/user/3" class="list-item__link">
        <span class="list-item__date">11.11.2017</span>
        </a>
</li>
</div>

Answer 1

[Павел Гришаев]

Не тестировал, но должно сработать:

var links = document.querySelectorAll('.list-item__link'),
	linksArray = Array.prototype.slice.call(links),
	logArray = [];
linksArray.forEach(function(link){
	logArray.push( link.getAttribute('href') + ' - ' + link.querySelector('.list-item__date').innerHTML );
});
var log = logArray.join('\n');

Comments

[GamiDPC]

Не работает вот такая ошибка выходит

Uncaught TypeError: Cannot read property 'innerHTML' of null
    at <anonymous>:5:92
    at Array.forEach (<anonymous>)
    at <anonymous>:4:12

Answer 2

[GamiDPC]

Не работает вот такая ошибка выходит

Uncaught TypeError: Cannot read property 'innerHTML' of null
    at <anonymous>:5:92
    at Array.forEach (<anonymous>)
    at <anonymous>:4:12