是否可以使用CSS为JavaScript生成的HTML元素设置样式？

Question

我有这个：

var d=new Date();
var weekday=new Array(7);
weekday[0]="Sunday";
weekday[1]="Monday";
weekday[2]="Tuesday";
weekday[3]="Wednesday";
weekday[4]="Thursday";
weekday[5]="Friday";
weekday[6]="Saturday";

var d=new Date();
var month=new Array(12);
month[0]="January";
month[1]="February";
month[2]="March";
month[3]="April";
month[4]="May";
month[5]="June";
month[6]="July";
month[7]="augustus";
month[8]="September";
month[9]="October";
month[10]="November";
month[11]="December";



var d = new Date();

document.write('<span class="date">' + weekday[d.getDay()] + " " + (d.getDate()) + " " + month[d.getMonth()] + '</span>');

如何引用HTML中的代码，以便我可以使用CSS设置样式？

Answer 1

document.write('<span class="date">' + weekday[d.getDay()] + " " + (d.getDate()) + " " + month[d.getMonth()] + '</span>');

<强> CSS ：

.date {
    color:blue;
}

工作演示：http://jsfiddle.net/AlienWebguy/teLca/