[JavaScript][CSS]CSS w JavaScript Opcje

[Kerth]

Witam,
dlaczego ten kod się nie wykonuje?

[PHP] pobierz, plaintext 
document.write("<div class="error">Musisz wpisać nick!</div>");
[PHP] pobierz, plaintext 

gdy zmienię tak:

[PHP] pobierz, plaintext 
document.write("Tekst");
[PHP] pobierz, plaintext 

kod działa. Clasa "error" odnosi się do CSS. Można w ogóle tak używać CSS w JavaScript?

[Kerth]

[PHP] pobierz, plaintext 
.error {
color: #000000;
background-color: #FFBABA;
position:absolute;
text-align:center;
display:table;
left: 50%;
margin-left: -290px;
background-image: url('images/error.png');
}
[PHP] pobierz, plaintext 

Tak jest kropka. Ale gdy ją tak:

[PHP] pobierz, plaintext 
document.write("<div class=\".error\">Musisz wpisać nick!</div>");
[PHP] pobierz, plaintext 

nic się nie dzieje.