modificare con js gli attributi css

Qualcuno mi può aiutare?

Ho fatto una tabella html dentro un form piu o meno così:
__________________________________________________ __

| Username | (campo per linput) | Errore: devi compilare il campo |
|_________|_______________ |_________________________|

e in css ho assegnato display: none alla cella dell'errore

poi ho messo un button al fondo del form e vorrei fare che, dopo averlo cliccato, se l'username è vuoto si veda la cella nascosta.

Come faccio?

PS scusate se nella sezione JS ho messo anche css e html, ma il mio problema è nel JavaScript

In generale:

Codice:

---

document.getElementById('nomeId').style.proprietà = valore;

---

ad esempio:

Codice:

---

document.getElementById('mioid').style.color = '#ff0000';

---

Vedi ad esempio qui.

Ciao!

Grazie!

Ho risolto tutto

Suggerisco un'alternativa, se ti servono modifiche più complesse: puoi anche definire alcune classi nei CSS che riservi allo scopo di assegnarle dinamicamente.

In JavaScript, al bisogno, le puoi assegnare con la sintassi:

Codice:

---

document.getElementById('my_id').className = "nomeNuovaClasse";

---

Stammi bene...

Grazie dementialsite, ma ho risolto con l'altro script, perchè io ho presentato solo una parte della tabella, in realtà ha molti più campi (vai a vedere qui)
e per ogni tipo di errore (pass diverse, mail non valide) mostra un testo nascosto diverso...