Como poner estilos en javascript?

[arnaldito300]

Hola a todos!!....soy nuevo aqui, no entiendo mucho, estoy empezando con el diseño gráfico...y me preguntaba como ponerle estilo a un código javascript...,
Bien tengo el código que me muestra la hora y fecha, pero por lo que veo sólo me deja cambiar el color de fuente y el tamaño del mismo....lo que no se es como ponerle padding-top, left, etc...etc...
Este es el code que tengo en mi archivo .js


function Reloj(){
Hora = Hoy.getHours()
Minutos = Hoy.getMinutes()
Segundos = Hoy.getSeconds()
if (Hora<=9) Hora = "0" + Hora
if (Minutos<=9) Minutos = "0" + Minutos
if (Segundos<=9) Segundos = "0" + Segundos
var Dia = new Array("Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado", "Domingo");
var Mes = new Array("Enero","Febrero","Marzo","Abril","Mayo","Ju nio","Julio","Agosto","Septiembre","Octubre","Novi embre","Diciembre");
var Anio = Hoy.getFullYear();
var Fecha = Dia[Hoy.getDay()] + ", " + Hoy.getDate() + " de " + Mes[Hoy.getMonth()] + " de " + Anio + " - ";
var Inicio, Script, Final, Total
Inicio = "<font size=1 color=#369>"
Script = Fecha + Hora + ":" + Minutos + ":" + Segundos
Final = "</font>"
Total = Inicio + Script + Final
document.getElementById('Fecha_Reloj').innerHTML = Total
Hoy.setSeconds(Hoy.getSeconds() +1)
setTimeout("Reloj()",1000)
}

Ya intente en ponerle antes de <font size=1 color=#369> Esto: <div style="padding-top: 30px;"> y luego de: </font></div> pero nadaa!!!!...no me funciona!!!
Por favor, si alguien me ayuda!!!!....
Un Cordial Saludo a Todos!

[_cronos2]

a) ¿font? Hace bastante que no se usa, mejor hazlo con divs/spans y CSS
b) Me imagino que no te funciona porque lo pondrás así:

var algo = "<div style="padding-top: 30px;">"

Como ves, lo que está en rojo no forma parte del string, y por tanto da error.
c) Te recomiendo que pongas var antes de las variables, para que estas sean locales y no globales.
d) Cuando acabe una línea, añade ;
Saludos (:

[arnaldito300]

Hola _cronos2
Gracias por la respuesta!!!....pero como verás no entiendo mucho...
Cómo tendría que poner para que me funcione el padding-top???
Por favor, si me facilitas corrigiendo el código....
Mil Gracias desde ya!!
Saludos!

[arnaldito300]

alguien puede ayudarme??....necesito saber como posicionar mi reloj y fecha en mi sitio web!!!...

[Adler]

Hola

Me pregunto, ¿por qué no le aplicas el css al objeto Fecha_Reloj?

Código CSS:

#reloj{
background-color: #FFF;
color: #000;
padding-left: 25px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 3px;
text-align: left;
}
 

Suerte

[_cronos2]

Por ejemplo así:

Código Javascript:

var Inicio = "<div style='padding-top:30px; font:1em; color:#369'>";
 

Saludos (:
PD: La paciencia es la madre de la ciencia...
Edit: Se me adelantó @Adler

[arnaldito300]

Estupendo _cronos2!!!!.....Ya está funcionando!!!!!!.....Wooooooooooow!!!....Mil Gracias amigo!!!...Un día con esto...y ahora está perfecto!!....
Adler, tb gracias, te cuento que ya lo había intentado eso...pero nada...ahora con el código que me pasó _cronos2 quedó perfecto!!!.....
Graciaaaaaas!!...Estoy muy contento!!....espero volver a encontrarlos por el foro...jejejeje...
Un Cordialisimo Saludo a Todos!

[arnaldito300]

No es necesario poner var= y todo eso...sólo necesite reemplazar <font size=1 color=#369> por: <div style='padding-top:30px; font:1em; color:#369'> y obvio </font> por </div> y de ahi ya lo manejo agregando padding-left, right, blah, blah....;)
Ya le manejo a mi manera a mi fecha y hora!!!....(;,

Saludos!!!....

[arnaldito300]

Aaaaahhhh....estaba mirando bien el código que utilizo....y me pregunto....Por qué hay 2 Domingos???...Si se fijan....Está asi...

var Dia = new Array("Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado", "Domingo");

Por qué se repite???....Alguien me explica!!!...O se ha escrito mal???

Saludos!

[_cronos2]

Realmente no tiene importancia, porque al usar de índice de ese array getDay(), nunca va a ser el 2º 'Domingo'. Es decir, cuando sea Sábado, getDay() será 6, y al día siguiente, getDay() será 0, así que nunca habrá una Dia[7].
Saludos (:

[arnaldito300]

Que buena explicación!!!...gracias capo!!!...Entonces....Puedo borrar el 2º Domingo vd?....si no me sirve!!!....Además me molesta!!...jejejejeje...
Si borro el 2º domingo, no va a afectar nada o si???

Un Cordial Saludo! (;,

[arnaldito300]

He visto Vaaaarios códigos que empiezan con "Lunes".....esos entonces estan mal!!!..., me equivoco??....Por que el día de la semana empieza en Domingo, o sea, Domingo debe ser 0 y Sábado día 6.....

Sinembargo al poner Lunes en primer lugar,o sea, getDay() 0 y Domingo por último....es inválido...ya que queda como el día getDay() 6

No se si mal interprete, pero si es que estoy correcto, que se corrijan los que estan errando!!...(;,

[_cronos2]

No, no afectaría para nada, y sí, en teoría el array debería empezar por domingo.
Saludos (:

[arnaldito300]

Graciaaaaaaaaaaaaaaaaaaaasss capoooooooo!!!...
Saludos! (;,