getElementById y extraer solo texto

tralara · #1 (**permalink**) 26/10/2005, 12:11

Me va a ser difícil en algunos casos saber si postear aquí o en javascript...

En este caso tengo un <div id="resultado"></div> donde cargo textos en formato html despues de una consulta.

document.getElementById('resultado').innerHTML = datos;

Ahora quiero pasar la info que contiene el div a un campo de texto en un form, el problema que se presenta aquí es que con innerHTML me extrae texto + html y no solo el texto que se ve por pantalla, entonces, es posible algo como getElementById.innerTEXT o semejante, sin tener que hacer uso por ejemplo de php para filtrar los datos?

Saludos

JavierB · #2 (**permalink**) 26/10/2005, 12:33

Hola tralara

A lo mejor te sirve utilizar expresiones regulares para eliminar las etiquetas HTML:

Código PHP:

  cad = '<p>Esto es una <span>prueba</span> de texto</p>';
patron = /</w+>|<w+>/g;
cad = cad.replace(patron,'');
alert(cad);

Saludos,

xknown · #3 (**permalink**) 26/10/2005, 13:03

Se podría "reducir" a lo siquiente:

Código PHP:

  cad = '<p>Esto es una <span>prueba</span> de texto</p>';
cad = cad.replace(/<[^>]*>/g, '');
alert(cad);

Saludos

living · #4 (**permalink**) 26/10/2005, 13:25

Pues si te he entenido bien con esto te valdría:

var texto=document.getElementById('resultado').innerTe xt (con la T en mayúsculas)

tralara · #5 (**permalink**) 26/10/2005, 19:07

Hola living, si que me has entendido bien pero .innerText no me valió, tu lo usas así y te funciona?

Por otro lado los ejemplos de expresiones regulares no me han resuelto el problema y una expresión que contemple cosas como <a href="/draeI/SrvltObtenerHtml TIPO_HTML=2& IDLEMA=83341& NEDIC=Si" target="_self"> por ahora me va a ser difícil escribirla.

De momento me ayudaré de strip_tags() desde php, pero no hay problema si la cosa da para más...

SAludos

programeitor · #6 (**permalink**) 26/10/2005, 21:15

campo.value=elemento.childNodes[0].toString() // o 1, o 2 ,o 3 ...........

Ns-Ff no reconoce innerText .

living · #7 (**permalink**) 27/10/2005, 00:54

Pues a mi si que me funciona:

Código HTML:

<html>
<head>
<script>
function sacarTexto(){
var codigo=document.getElementById("capa").innerText;
document.getElementById("texto").value=codigo;
}
</script>
</head>

<body>
<div id="capa">
<font color="#996600">texto con color</font> <a href="www.terra.es">ir a Terra</a>
</div>

<textarea id="texto"  cols="40" rows="10" name="texto"></textarea>
<br />
<input type="button" onclick="sacarTexto()" value="sacar" />
</body>
</html>

living · #8 (**permalink**) 27/10/2005, 01:01

innerText en Mozilla

http://www.faqts.com/knowledge_base/...html/aid/19509

tralara · #9 (**permalink**) 27/10/2005, 04:47

Gracias por el link living, parece que estaba abocado a usar expresiones regulares!!

Como tengo la suerte que en el html cada salto de linea en los textos es un </td>, me sirve esto, imagino que se podría simplificar...

Código PHP:

  //El html 
    datos = document.getElementById('resultado_rae').innerHTML; 
     
    // sustituir todos los </td> por <br> 
    dat = datos.replace(/</td>/g,"<br>"); 
 
    //Sustituir todos los <br> por _marca_ 
    dat = dat.replace(/<br>/g,"_marca_"); 
 
    //Eliminar todas las etiquetas html y dejar solo texto 
    dat = dat.replace(/<[^>]+>/g,""); 
 
    // Sustituir _marca_ por saltos de linea 
    dat = dat.replace(/_marca_/g,"\n");

Saludos y gracias

SiR.CARAJ0DIDA · #10 (**permalink**) 27/10/2005, 09:24

el equivalente de innerText para firefox es textContent

programeitor · #11 (**permalink**) 27/10/2005, 19:02

absolutamente perfecto.