Eliminar todo el contenido utilizando JS puro

Estoy buscando una manera de eliminar todo el contenido de una página web utilizando JavaScript puro - sin bibliotecas.Eliminar todo el contenido utilizando JS puro

me trataron:

document.documentElement.innerHTML = "whatever";

pero eso no funciona: sustituye el interior del elemento <html/>. Estoy buscando reemplazar todo el documento, incluida, si es posible, la declaración doctype y <?xml.

Fuente

2010-11-22 Félix Saparelli

+10

'location = 'about: blank'' –

¿Para qué fin? Javascript funciona en el DOM que es un nivel superior que la serialización HTML subyacente (es decir, donde ''? Xml' y doctype son). –

@Yi Jiang Esto funciona, pero en realidad quiero permanecer en el mismo dominio ... –

creo un navegador asume legítimamente una página con contenido de tipo text/html siempre será una página web - así que mientras usted puede hacer algo como ...

document.body.innerHTML = '';

aún tendrá algo de HTML dando vueltas.

Usted podría intentar ...

document.documentElement.innerHTML = '';

... que me dejó con <html></html>.

Yi Jiang sugirieron algo inteligente.

window.location = 'about:blank';

Esto lo llevará a una página en blanco, un mecanismo interno proporcionado por la mayoría de los navegadores, creo.

Creo que la mejor solución es usar document.open() que borrará la pantalla.

Fuente

2010-11-22 01:01:40 alex

La primera respuesta actualizada fue la mitad de lo que estaba buscando. Pero supongo que cambiar el 'doctype' es pedir demasiado ... –

@passcod Una vez que cambie el doctype también, está cambiando la forma en que el navegador representará su HTML/CSS. Esto * probablemente * conllevará una recarga de página. No creo que puedas cambiar un tipo de documento sobre la marcha. – alex

@alex cambiando ** window.location ** a ** 'sobre: blank' ** tiene un problema con IE especialmente IE10 porque algunos complementos al detectar ** sobre: página en blanco ** llenarlo con sus contenidos – iman

creo que esto va a hacer que

document.clear() //deprecated 

window.location = "about:blank" //this clears out everything

Fuente

2010-11-22 01:02:31

Eso no funcionó para mí, pero lo probé en jsbin.com, que puede estar haciendo algo más detrás de escena. – alex

@alex ..yeah Acabo de darme cuenta de que document.clear() ha quedado en desuso. –

@John Hartsock cambiando ** window.location ** a ** 'sobre: blank' ** tiene un problema con IE especialmente IE10 porque algunos complementos al detectar ** sobre: página en blanco ** llenarlo con sus contenidos – iman

Im curioso en cuanto a por qué te gustaría hacer eso. Ahora no hay forma de que sepa de reemplazar absolutamente todo a la declaración de doctype, pero si quiere ir a esas longitudes, ¿por qué no redirigir al usuario a una página especialmente diseñada que tiene la plantilla que necesita con el doctype que necesita y luego completar el contenido allí?

EDITAR: en respuesta a un comentario, lo que se puede hacer es quitar todo el contenido, crear un marco flotante, llenar toda la página y luego tener el control total del contenido. Tenga en cuenta que este es un gran truco y probablemente será muy doloroso - pero funcionaría :)

Fuente

2010-11-22 01:06:19

A todos quién preguntó las razones ... Parecía una manera fácil de desmantelar todo y empezar de cero en un usuario. Puedo incluir el código JS que desee y se ejecutará en la página, no en un espacio aislado. El elemento 'doctype' es para cuando quiero usar xhtml en un sitio web html. –

De hecho, la solución de Steve es genial ... solo tienes que modificar algunas cosas para incluir el 'doctype' ... –

sí, suena bien si no necesitas soporte de IE –

var i = document.childNodes.length - 1; 

while (i >= 0) { 
    console.log(document.childNodes[i]); 
    document.removeChild(document.childNodes[i--]); 
}

Elimina todo (tipo de documento también) en FF 3.6, Chrome 3.195, y Safari 4.0. IE8 se rompe porque el hijo quiere eliminar a su padre.

volver a visitar un rato más tarde, también podría hacerse así:

while (document.firstChild) { 
    document.removeChild(document.firstChild); 
}

Fuente

2010-11-22 01:06:44 Ben

Se ve bien y también me funciona. – alex

Genial, pero aún no puedes cambiar el tipo de documento ... lo cual no importa mucho. Firefox se estrelló cuando lo intenté ... –

¿Su pregunta es "Cómo cambiar el tipo de documento" o "Eliminar todo el contenido con JS puro"? – Ben

Después de la página ya se ha cargado completamente:

document.write(''); 
document.close();

Fuente

2010-11-22 01:28:50 PleaseStand

No, no funciona. –

@passcod: su prueba es incorrecta. Esto funciona bien – Alohci

Puedes usar 'document.open()'. – alex

Según Dotoro's article on the document.clear method, ellos (ya que es obsoleto) recomendamos llamar al document.open, lo que borra la página, ya que inicia una nueva transmisión.

De esta manera, evitas el desagradable truco about:blank. !

Fuente

2014-10-24 19:17:32

-2

ELIMINAR TODO PERO --- --- DOCTYPE html

var l = document.childNodes.length;  
while (l > 1) { var i = document.childNodes[1]; document.removeChild(i); l--; }

probado en FIREFOX inspector web - childNodes [1] es --- --- DOCTYPE html

Fuente

2016-08-04 04:03:43 SNAIL007500

document.documentElement.innerHTML=''; 
document.open();

El método Document.open() abre un documento para escribir. si usted no utiliza método abierto, usted no puede modificar documento después establece innerHTML para cadena vacía

Fuente

2018-01-12 20:25:05

Debe explicar por qué esto funciona. – ryanpcmcquen

creo que esto todavía dejará el nodo de tipo de documento dando vueltas, pero:

document.documentElement.remove()

o el equivalente

document.getElementsByTagName("html")[0].remove()

Fuente

2018-01-12 20:52:03 Fiddles

Eliminar todo el contenido utilizando JS puro

Respuesta

Cuestiones relacionadas