在Javascript代码中添加CSS？

Question

我试图在我的JavaScript代码中添加一个CSS类,但当我在浏览器中预览它似乎没有用

继承人的代码

<script>
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
  year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
  daym="0"+daym
var dayarray=newArray("Sunday","Monday","Tuesday","Wednesday","Thursday",
                      "Friday","Saturday")
var montharray=newArray("January","February","March","April","May","June",
                        "July","August","September","October","November",
                        "December")
document.write(""+dayarray[day]+" "+daym+" "+montharray[month]+" "+year+"")
    .className = 'bigdate';
</script>

这是CSS:

.bigdate{
  color:#03C;
}

Answer 1

这不是document.write()有效的方式,它不会返回对它所编写的节点的引用.

尝试...

document.write("<span class=\"bigdate\">"+dayarray[day]+" "+daym+" "+montharray[month]+" "+year+"</span>");

......还是更好......

var span = document.createElement('span');
span.appendChild(document.createTextNode(dayarray[day]+" "+daym+" "+montharray[month]+" "+year+));
document.body.appendChild(span);