cómo quitar imágenes y tablas de una capa

[YaGrEoR]

Buenas, estoy tratando de quitar las imágenes y tablas de una capa pero no he podido.

Mirando algunas páginas intenté hacerlo por medio de replace y expresiones regulares pero no me ha salido.
Otra cosa que intento es que no involucre los IDs de las imágenes o tablas porque pueden variar mucho.

Mi código Javascript es:

Código Javascript:

function limpiar(pID){
   var capa = document.getElementById(pID);
   var cadenaA = capa.innerHTML;
   cadenaA = cadenaA.replace(/<style[^>]*>[^<]*<\/style>/im, '');
   cadenaA = cadenaA.replace(/<table[^>]*>[^<]*<\/table>/im, '');
   cadenaA = cadenaA.replace(/<img[^>]*>/im, '');
   capa.innerHTML=cadenaA;
}
 

Y en una de las capas tengo:

Código HTML:

<div id="s123456789">
<style type="text/css">
      .
      .
      .
</style>
<table id="imagenes">
   <tr><td><img src="http://midominio.com/miimagen.jpg" width="100px"></td></tr>
      .
      .
      .
   <tr><td>Click en cada una para agrandar.</td></tr>
</table>
</div>
 

Cuando ejecuto limpiar(s123456789); elimina las imágenes y las etiquetas STYLE con su contenido pero la estructura de la tabla queda intacta y tambien el texto de la última fila.

Quisiera saber si existe un otro método más eficaz o si se puede arreglar mo código para que haga lo que necesito. Muchas gracias.