<span class="mgen"> <a rel="tag">Action</a> <a rel="tag">Adventure</a> <a rel="tag">Apocalypse</a> <a rel="tag">Fantasy</a> <a rel="tag">Magic</a> </span>¿Cómo obtengo todo el html interno de una etiqueta como
Acción Aventura Apocalipsis Fantsay Magia
Intenté usar document.querySelector(".mgen a").innerHTML , pero solo obtengo primero una etiqueta innerHTML. No quiero usar loop para obtener todo el HTML interno, ya que sería largo.
Podemos intentar obtener el contenido de .mgen textContent Esto devolvería solo el contenido de texto de los elementos internos.
console.log(document.querySelector(".mgen").textContent) <span class="mgen"> <a rel="tag">Action</a> <a rel="tag">Adventure</a> <a rel="tag">Apocalypse</a> <a rel="tag">Fantasy</a> <a rel="tag">Magic</a> </span> Si lo desea en la misma línea con solo un espacio entre las palabras, podemos eliminar la newline y otros espacios usando expresiones regulares y reemplazarlos con space
console.log(document.querySelector(".mgen").textContent.replace(/\s/g, ' '))Utilice la propiedad .innerText en el elemento de destino. .innerText() representa el contenido de texto representado de un nodo y sus descendientes.
Prueba esto:
<body> <span class="mgen"> <a rel="tag">Action</a> <a rel="tag">Adventure</a> <a rel="tag">Apocalypse</a> <a rel="tag">Fantasy</a> <a rel="tag">Magic</a> </span> <script> let element = document.querySelector(".mgen") console.log(element.innerText) </script> </body> También puede usar la propiedad textContent . Funcionan de manera similar con pocas diferencias .