Tengo la siguiente cadena y código:
str = `<p class="">Lores Ipsimulm</p><p class="">1 x 100ml - 19% </p><p class="">1 x 100ml No.6 Mike</p><p class="">1 x 100ml No.3</p><` var p = document.createElement("p"); p.textContent = str; var converted = p.innerHTML; document.getElementById("final").value = converted;¿Cómo recorto todos los elementos HTML, incluidas las clases, su nombre y otros atributos?
.innerHTML , obtener con .innerText Puede usar innerText para obtener la representación de solo texto del HTML interno de un elemento. Entonces establece el valor .innerHTML y obtiene el texto usando .innerText .
innerText utilizará el texto sin formato con los espacios exactos existentes en el HTML. Si desea formatear el texto para cada etiqueta p , debe recorrerlas.
Vea el fragmento de ejemplo a continuación para ver el uso de .innerText .
var str = `<p class="">Lores Ipsimulm</p><p class="">1 x 100ml - 19% </p><p class="">1 x 100ml No.6 Mike</p><p class="">1 x 100ml No.3</p>`; var p = document.createElement("p"); p.innerHTML = str; var converted = p.innerText; console.log(converted); Estableces el valor HTML con innerHTML , pero obtienes el texto usando innerText como se muestra en el fragmento.
Su HTML de ejemplo tiene un < abierto al final. Asegúrese de utilizar HTML válido.