RegExp para eliminar imágenes

ambge · #1 (**permalink**) 24/06/2008, 14:01

Hola a todos, soy nuevo aquí.
Tengo un problema.
Tengo que localizar miles de imágenes dentro de un http_request.responseText para eliminarlas antes de insertar el response en un <TD>
La cadena de texto de las imágenes es <img alt="" src="images/px" style="width: 1px; height: 1px;"/> ó <img alt="" src="images/px" border="0"/>, variando la anchura y la altura.
¿Me podéis indicar como crear una RegExp para localizar ese trozo de código independientemente de la anchura y la altura de la imagen?
Yo no lo consigo.

Muchas gracias.

Panino5001 · #2 (**permalink**) 24/06/2008, 14:18

No hace falta usar regexp:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title></title>

 
</head>

 
<body>

<div id="pp">contenedor de la respuesta</div>

<script>

response='ssssssss<img alt="" src="images/px" style="width: 1px; height: 1px;"/>fffff<img alt="" src="images/px" border="0"/>sssssss';

temp=document.createElement('div');

temp.innerHTML=response;

vec=temp.getElementsByTagName('img');

for(i=0;i<vec.length;i++)

    if(vec[i].src.split('/').pop()=='px')

        vec[i].parentNode.removeChild(vec[i]);

document.getElementById('pp').innerHTML=temp.innerHTML;

delete temp;

</script>

</body>

</html>

derkenuke · #3 (**permalink**) 24/06/2008, 15:32

¡Qué buena solución por DOM Panino! Con expresiones regulares habríamos liado mucho el tema.

Me has dado alguna que otra idea para parsear HTML ajeno.

Gracias!

Panino5001 · #4 (**permalink**) 24/06/2008, 15:39

Me alegra que te guste

ambge · #5 (**permalink**) 25/06/2008, 01:47

Muchas gracias Panino.
Lo único que he tenido que hacer es hacer el bucle descendiente ya que me eliminaba una imagen de cada dos.
Pero me ha sido muy útil.

Gracias de nuevo.

Panino5001 · #6 (**permalink**) 25/06/2008, 03:08

Cierto! Pasa que el removeChild recorta la longitud del vector. Se soluciona así:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title></title>

 
</head>

 
<body>

<div id="pp">contenedor de la respuesta</div>

<script>

response='ssssssss<img alt="" src="images/px" style="width: 1px; height: 1px;"/>fffff<img alt="" src="images/px" border="0"/>sssssssssssssss<img alt="" src="images/px" style="width: 1px; height: 1px;"/>fffff<img alt="" src="images/px" border="0"/>sssssss';

temp=document.createElement('div');

temp.innerHTML=response;

vec=temp.getElementsByTagName('img');

for(i=0;i<vec.length;i++)

    if(vec[i].src.split('/').pop()=='px'){

        vec[i].parentNode.removeChild(vec[i]);

        i--;

    }

//alert(temp.innerHTML);

document.getElementById('pp').innerHTML=temp.innerHTML;

delete temp;

</script>

</body>

</html>