Получить больше значений из XPATH в Javascript

Question

У меня есть этот шаблон HTML:

<div class="item">
<span class="light">Date</span>
<a class="link" href="">2018</a>
(4pop)
</div>

<div class="item">
<span class="light">From</span>
<span>
<a class="link" href="" title="Bob" itemprop="url"><span itemprop="name">Bob</span></a>,
</span>
<span>
<a class="link" href="" title="Peter" itemprop="url"><span itemprop="name">Peter</span></a>
</span>
</div>

<div class="item">
<span class="light">For</span>
<a class="link" href="">Bak</a>,
<a class="link" href="">Cam</a>,
<a class="link" href="">Oli</a>
</div>

<div class="item">
<span class="light">Nat</span>
<a class="link" href="">Cool</a>
</div>
</div>

И мой код Javascript:

var doc = new DOMParser().parseFromString(HTMLContent,'text/html');
var infos = doc.evaluate('//div[@class="item"]/span[1]', doc, null, XPathResult.ANY_TYPE, null);

var nodes = [];
for(var node = infos.iterateNext(); node; node = infos.iterateNext()) {
nodes.push(node);
console.log(node.textContent);

// Until here, all things works well ! Except the code from here:
var nodde = node.nextElementSibling.attributes;

nodde.forEach(function(item){
console.log(item);
});
}

Моя цель - получить соответствующее значение для каждой категории, например:

Date = 2018, (4pop)
From = Bob, Peter
For = Bak, Cam, Oli
Nat = Cool

Я пытался повторить: node.nextElementSibling.attributes, но безуспешно!

Есть ли способ получить ожидаемый результат, пожалуйста?

Answer 1

Объектная модель документа HTML, DOM, предпочтительнее, так как она проще.XPATH ориентирован на более жесткие XML-документы.

Используя JavaScript, вы получите данные с чем-то вроде:

var users = document.querySelectorAll('[itemprop=name]').textContent;
console.log(users);