Attaching styles/classes to Javascript. Help!

Hey everyone!

My first post on this forum - here goes! I have used CSS and Javascript seperatly with great effect before, but ive come up to a roadblock on the new site im working on. Either im just being dum or there really is something specific im supposed to be doing here.

In this case there is a live clock on my site. Part of the Javascript code is as follows:

var time=new Date();
var date=time.getDate();
var lmonth=months[time.getMonth() + 1];
var year=time.getYear();
if (year < 2000)
year = year + 1900;
document.write("<center><font size='1' face='Arial' font color='#006699'><b>" + date + " ");
document.write(lmonth + " " + year + "</b></center>");

So you get the picture, quite simple. Problem is i want to change the font to 12pt which must be done with stylesheets. I made a seperate file with all my CSS in, and linked to it in the header of my page. I then tried various ways of putting the class to change the size of the font into this javascript, but it would always make the whole thing just stop working! where am I going wrong?

Thanks for any advice!

Steven.

Just wrap your clock in a <div id='clock'> and style in your css file in the normal way should do the job.

Also don't not use proprietary attributes as you have in your code.

To change the text within the div, use - document.getElementById('clock') - to get the parent node within the DOM and change this parents child node.