JSFiddle - React, Tailwind, and code Playground

by Alexis LĂłpez Espinoza

HTML

<div id="foo">
	<a href="http://www.facebook.com" title="Facebook">Ir a Facebook</a>
	<a href="http://www.google.com" title="Google">Ir a Google</a>
	<a href="http://www.instagram.com" title="Instagram">Ir a Instagram</a>
</div>

<div id="bar">
	<a href="http://www.yahoo.com" title="Yahoo">Ir a Yahoo</a>
	<a href="http://www.terra.com" title="Terra">Ir a Terra</a>
	<a href="http://www.altavista.com" title="Altavista">Ir a Altavista</a>
</div>

JavaScript

var allTitles, thisTitle, b = document.body;
allTitles = document.evaluate(
"//div[@id='foo']//a",
document,
null,
XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,
null);

for (var i = 0, l = allTitles.snapshotLength; i < l; i++){
	b.innerHTML += "<br />" + allTitles.snapshotItem(i).title;
}