Document.write o getElementById

tonydx16 · #1 (**permalink**) 07/06/2012, 00:25

Lo que intento hacer es que se escriba en algún lugar de mi web, donde tenga el id correspondiente, el texto que quiera.

lo que intenté hacer es

Código Javascript:

Ver originaldocument.getElementById("caja").innerHTML = '<p>Ejemplo</p>';

Código HTML:

Ver original<div id="caja"></div>

pero cuando entro a la web no me sale... y quisiera saber si posible hacer algo parecido a esto.

Código Javascript:

Ver originalvar ejemplo = document.getElementById("caja");
 
ejemplo.write.innerHTML = '<p>Ejemplo</p>';

quimfv · #2 (**permalink**) 07/06/2012, 01:51

No sale?

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">
</head>
<body>
<div id="caja"></div>
<script language="JavaScript" type="text/JavaScript">
document.getElementById("caja").innerHTML = '<p>Ejemplo</p>';
</script>
</body>
</html>

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<script language="JavaScript" type="text/JavaScript">
function escribe(id){
document.getElementById(id).innerHTML = '<p>Ejemplo</p>';
}
</script>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body onLoad="escribe('caja')">
<div id="caja"></div>
</body>
</html>

Recuerda que no puedes intentar hacer algo sobre un objeto antes de que exista...

tonydx16 · #3 (**permalink**) 07/06/2012, 10:26

Ok... pero hay alguna manera de que el script no vaya dentro del <div> osea que el script esté antes del head...

y otra cosa si en todo caso uso onLoad en el body sólo lo reconoce Firefox y no Google Chrome....

quimfv · #4 (**permalink**) 08/06/2012, 00:52

Cita:

Ok... pero hay alguna manera de que el script no vaya dentro del <div> osea que el script esté antes del head...

No debe estar en el div, debe estar despues del div...

Cita:

y otra cosa si en todo caso uso onLoad en el body sólo lo reconoce Firefox y no Google Chrome....

quien dice que Google Chrome no reconoce onload... ademas del onLoad lo puedes asociar a cualquier otro evento....

Para poder ponerlo en el head deberias usar jquery creo....