Usando document.getElementsByClassName("span3 pickItem").outerHTML) configuro una variable htmlData para que contenga:
<div itemscope="" class="span3 pickItem"> <p itemprop="name" class="name"> <a href="/user/view?id=4943"> <span>John Doe</span> <br /> <span>'Arizona'</span> <br /> <span>'Student'</span> </a> </p> </div>¿Cómo puedo elegir cada valor de la etiqueta span y consola. Regístrelos como tales:
salida console.log(...span[0]) : John Doe
salida console.log(...span[1]) : Arizona
salida console.log(...span[2]) : Student
Podría hacer algo como esto
let namesArr = []; let name = document.querySelectorAll("span"); name.forEach(function(names) { namesArr.push(names.innerHTML);//Stores all names in array so you can access later }); console.log(namesArr[0]); console.log(namesArr[1]); console.log(namesArr[2]);Algo como esto debería funcionar:
// console log all names const items = document.querySelectorAll('div.pickItem span') items.forEach(item => { console.log(item.innerText) }) // console each from array index console.log(items[0].innerText) console.log(items[1].innerText) console.log(items[2].innerText)let spans = document.getElementsByTagName('span'); console.log(spans[0].innerHTML); //'Joe Doe'