是否可以使用 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/