0
410
Vistas¿Cómo obtener el href de cada clase y almacenarlo dentro de una lista (javascript)?
Hay una lista que tengo con 7 entradas. En la imagen a continuación, puede ver el área que marqué de color púrpura: 6 entradas. Verá el área que marqué en azul, las 7 entradas obtuvieron el mismo <a class "FPmhX notranslate MBL3Z". Mi pregunta es ¿cómo puedo obtener el href de cada entrada y almacenarlos todos en una lista/matriz? En este ejemplo, el href de la primera entrada es /foo.96/ .
Si mi pregunta no es clara, por favor dígame e intentaré describirla de manera diferente. :)
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
Cree el elemento principal de la lista en html y en su javascript escriba:
var links = document.querySelectorAll("a.FPmhX.notranslate.MBL3Z"); var list = document.querySelector("ul#linkList");///Your path to parent for(var i=0;i<links.length;i++){ list.innerHTML += "<li>" + links[i].href + "</li>"; } O si desea obtener el nombre de la ruta, use links[i].pathname en lugar de links[i].href .
Aquí está el fragmento
var links = document.querySelectorAll("a.FPmhX.notranslate.MBL3Z"); var list = document.querySelector("ul#linkList"); for(var i=0;i<links.length;i++){ list.innerHTML += "<li>" + links[i].href + "</li>"; } <a href="https://www.w3schools.com/" class="FPmhX notranslate MBL3Z"></a> <a href="https://developer.mozilla.org/en-US/" class="FPmhX notranslate MBL3Z"></a> <a href="https://stackoverflow.com/questions" class="FPmhX notranslate MBL3Z"></a> <a href="https://css-tricks.com/" class="FPmhX notranslate MBL3Z"></a> <ul id="linkList"> Links: </ul>¿Es útil? :)
·
Juan Pablo Isaza
Denunciar
Responde la pregunta