Uso de DIV y document.write

[Deiv]

Hola amigos,
Me estoy haciendo un bollo con la etiqueta DIV y el Método Document.Write, hasta donde entiendo el DIV crea capas con estilos diferentes verdad?:
<div id="reloj"style="position:absolute; top: 100; left: 100"> </div>
Y he encontrado ejemplos de document.write como estos, de una sola línea:

document.write("<H1><P align='CENTER'>Uso de DOCUMENT.WRITE</H1>");
document.write("<BR><BR>");
document.write(salida);

a) Al Mezclar AMBOS, y he aquí mi duda (según el ejemplo de abajo), me parece que debe escribirse cual si fuera una función document.write('<div....>) que empiece y luego finalice con otro document.write('</div>'); pareciera un begin...end; ¿es así o cómo entender la etiqueta DIV y el Método Write?

document.write('<div id="l'+i+'" style="position:absolute; '); //Aquí empieza
document.write('width:1px; height:1px; color: red; ');
document.write('z-index:14; left: 0px; top:0px">'+texto.charAt(i)); //hasta aquí empieza
document.write('</div>') //y Aquí acaba

Aquí otro ejemplo, pero esta vez con <span>

for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>") //Aquí empieza
document.write(message)
document.write("</span>") //Aquí acaba
}

Yo pensaba que un document.write() empezaba y terminaba dentro del mismo paréntesis:
document.write("<span..>....</span>") ó document.write('<div..>....</div>') en una sola linea, pero me parece que en algunos necesariamente requiere repetir el método para cerrar las etiquetas y acabarlas, ¿es así?

b) ¿Por qué en algunos ejemplos document.write("..") lleva doble comilla y en otros lleva el simple document.write('..')? ¿es indiferente?

Ps.- Puse como código PHP (aunque no lo es) pues así se veía con mas pinta los códigos del post

[JavierB]

Hola Deiv

document.write escribe lo que pongas dentro del paréntesis, no hay diferencia entre usarlo una vez o varias. El segundo ejemplo que has puesto, se podría hacer también así:


for (i=0;i<=message.length-1;i++)
document.write("<span id='span"+i+"' class='spanstyle'>" + message + "</span>")

El utilizar comillas simples o dobles también es indiferente, puedes utilizar comillas simples y poner dentro comillas dobles, o al revés:


document.write('Hola "amigazo"')

Saludos, :cool:

[Deiv]

Gracias,
pero aún no me quedó claro sobre el "inicio" y el "final" de document.write y la mezcla con el DIV.
Deiv

[D-MO]

Hola Deiv,

Como ya te explicó Javier, puedes usar el document.write una sola vez o varias veces que no te da ningun problema. Si te topaste con este ejemplo puede ser que el creador de el decidiera separar el código, no por eso quiere decir que lo hagas de la misma forma.

Hacer esto:
for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>") //Aquí empieza
document.write(message)
document.write("</span>") //Aquí acaba
}
Es lo mismo que esto:
for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>"+message+"</span>") //Aquí acaba
}

La única diferencia es al "leer" el código, ya que hay una línea mucho mas grande.