No me coge el estylo en javascript

[davicito]

Hola a todos,

tengo un pequeño ejemplo javascript con CSS pero no me carga el estilo.

Os enseño el ejemplo:

Código HTML:

<style type="text/css">
.ejemplo{
	position:relative;
	background-color:#F00;
	width:200px;
	height:200px;
}
</style>

<script language="javascript">
function pincha(){
var text = document.getElementById('text').innerHTML;
document.write("<div class='ejemplo'>"+text+"</div>");
}
</script>
<div onclick="pincha();">aqui</div>
<div id="text" style="display:none;">Ejemplo de texto</div> 

[Tecna]

Buenas,

eso ocurre por usar document.write que lo que hace es iniciar un nuevo documento sobre escribiendo el anterior con lo cual el estilo que has declarado en la etiqueta style ya no existe. Lo mejor es usar el DOM para manipular el contenido del documento una vez que se haya cargado y analizado después del evento onload.