JavascriptコードでCSSを追加しますか？私のjavascriptのコードでCSSクラスを追加しようとしているが、私は、ブラウザでプレビューするとき、</p> <p>を動作するようには思えいけない

Question

イムはHERESにコード

<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); 

Answer 2

あなたはない使用document.writeは、ドキュメントを更新する必要があります。文書を更新するには、innerHTMLプロパティを設定するか、要素を追加します。

<div id="my-element"></div> 
<script> 
.... 
var elem = document.getElementById('my-element'); 
elem.innerHTML = dayarray[day]+" "+daym+" "+montharray[month]+" "+year; 
elem.className = 'bigdate'; 
</script> 

classNameclass属性を指す特性です。 document.write()には戻り値がないため、プロパティはありません。あなたがdocument.write()を使用したい場合でも、あなたは、HTMLタグを使用する必要があり、かつclass="bigdate"追加：

document.write('<div class="bigdate">' + ..... + '</div>'); 

Answer 3

document.write(""+dayarray[day]+" "+daym+" "+montharray[month]+" "+year+"").className = 'bigdate'; 

は次のようになります。

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

はあなたが持っているHTML要素を持っている必要がありますクラス名。