document.write

facuferrari · #1 (**permalink**) 14/07/2011, 00:12

holaa denuevo que tal tengo un problemillaa.
cuando intento hacer lo siguiente

Código HTML:

Ver original<button id="T_dados" onclick="document.write('hola')">Tirar dados</button>

la sentencia me borra todo el otro contenido de la pagina y escribe unicamente eso :S
o cuando llamo a una función donde adentro esta esa sentencia es decir:

Código Javascript:

Ver originalfunction mostrar(){
     document.write('hola');
}
<button id="T_dados" onclick="mostrar()">Tirar dados</button>

alguien sabe por que sucede eso?

caricatos · #2 (**permalink**) 14/07/2011, 01:48

Hola:

document.write hace exactamente lo que tu dices, y por eso solo debe usarse mientras se carga la página y tal como pretendes usarlo está prohibido... si quieres escribir en un sitio concreto debes usar el DOM, y lo más sencillo de manejar es innerHTML:

document.body.innerHTML += "hola";

Saludos

quimfv · #3 (**permalink**) 14/07/2011, 01:56

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
function mostrar(){
     document.getElementById("escribe").innerHTML+=' Esto tambien!!!!';
}
</script>
</head>
 
<body>
123456789
<button id="T_dados" onclick="mostrar()">Tirar dados</button>
<div id="escribe">Escribe aqui</div>
<script language="JavaScript" type="text/JavaScript">
document.write('Esto si lo ha escrito sin borrar nada!!!!');
</script>
</body>
</html>

Que tal así....