是否可以用CSS样式化javascript生成的HTML元素?

Is it possible to style a JavaScript-generated HTML element with CSS?

本文关键字:HTML 元素 javascript CSS 样式 是否      更新时间:2023-09-26

我有这个:

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样式化它?

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

:

.date {
    color:blue;
}

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