Guardar el contenido de body en una variable

ZiTAL · #1 (**permalink**) 25/09/2008, 07:49

Hola quisiera guardar el contenido de <body> en una variable borrar el contenido de body y volverlo a mostrar como antes:

Código:

function modal()
{
    var body = document.getElementsByTagName('body');
    tmpBody = body[0];
    removeAllChilds(body[0]);
    body[0].appenChild(tmpBody);
}

function removeAllChilds(a)
{
	while(a.hasChildNodes())
		a.removeChild(a.firstChild);
}

suena absurdo pero es para una cosa intermedia que quiero hacer, el problema es que aunque guarde en otra variable es una referencia hacia los mismos objetos, se podrian clonar o algo?

Muchas gracias.

ZiTAL · #2 (**permalink**) 28/09/2008, 15:23

Código:

function modal()
{
	var body = document.getElementsByTagName('body')[0];
	var bodytemp = body.cloneNode(true);
	removeAllChilds(body);
	body.parentNode.replaceChild(bodytemp, body);
}
function removeAllChilds(a)
{
	while(a.hasChildNodes())
		a.removeChild(a.firstChild);
}

YEAH!!!! ;)

ZiTAL · #3 (**permalink**) 28/09/2008, 15:40

otra manera:

Código:

function modal()
{
	var body = document.getElementsByTagName('body')[0];
	
	var bodyChild = new Array;
	var i=0
	while(body.hasChildNodes())
	{
		bodyChild[i]=body.firstChild;
		body.removeChild(body.firstChild);
		i++;
	}
	for(var i=0;i<bodyChild.length;i++)
	{
		body.appendChild(bodyChild[i]);
	}
}

ZiTAL · #4 (**permalink**) 29/09/2008, 02:27

Javascript:

Código:

function modal()
{
	var body = document.getElementsByTagName('body')[0];
	var bodyContent = getContent(body);
	removeAllChilds(body);
	insertContent(body,bodyContent);
}
function getContent(a)
{
	var aContent = new Array;
	for(var i=0;i<a.childNodes.length;i++)
	{
		aContent[i] = a.childNodes[i];
	}
	return aContent;
}
function removeAllChilds(a)
{
	while(a.hasChildNodes())
		a.removeChild(a.firstChild);
}
function insertContent(a,content)
{
	for(var i=0;i<content.length;i++)
	{
		a.appendChild(content[i]);
	}
}

HTML:

Código HTML:

<html>
    <head>
        <title>Modal</title>
		<script type="text/javascript" src="js/modal.js"></script>
    </head>
    <body>
        <div id="aaad">
            asdasd
        </div>
		<a href="#" onclick="modal()">prueba</a>
    </body>
</html>