Style e Javascript

[markeizer]

Ciao a tutti, sto imparando ora Javascript, per cui perdonatemi se la domanda pare ovvia, ma non ho trovato risposte navigando.
Il fatto è che, per quanto ne so io, per cambiare stile a un elemento (facciamo un <p>) con js devo prima trovare il nodo e poi cambiare lo stile, tipo:

...
<p id="id_assegnato"></p>
...
<script>

var para = document.getElementById("id_assegnato");
para.style.color = "green";

</script>

oppure con jQuery:

var para = $("#id_assegnato");
para.style.color = "green"

Ok, applicare color a un paragrafo non è il massimo, ma giusto come esempio.
Io l' ho imparato così da varie fonti.

La prima versione funziona, la versione con jQuery mi dice che "para is not defined".
La cosa che mi mette in crisi però è che questo script:

<script>
id_assegnato.style.color = "green"
</script>

da solo, senza librerie di alcun tipo e altro, funziona benissimo in tutti i browser.. ma io non ho definito "id_assegnato" da nessuna parte, è appunto solo l'id che ho dato al <p>.
Io sapevo che bisognava definirlo l'elemento, invece così pare che basti scrivere l'id assegnato all'elemento così com'è e buonanotte.. ma mi par così strano.

Qualche suggerimento? Mi sono perso qualcosa?

[Xinod]

stai provando con IE?
se e' questo il caso id_assegnato.style... funziona perche' IE e' molto permissivo e per retro-compatibilita' deve anche supportare un DOM proprietario che all' atto pratico gli permette di fare cose tipo queste (cosi' come confondere name e id, o diventare case-insensitive con gli id, etc...)

Il modo corretto di accedere agli elementi via DOM e' con un metodo del DOM, quindi document.getElementById e simili

l' esempio di jquery e' sbagliato perche' se usi jquery per selezionare un elemento poi devi usare i metodi di jquery per lavorare con esso
quindi
para.css('color','green')
oppure, cosa che non tutti sanno, riottenere l' elemento del DOM originario via
para[0].style.color='green'

ciao, buon proseguimento

[markeizer]

Grazie mille per la pronta risposta, in effetti con jQuery ho confuso le cose.. però stavo testando su Firefox e Chrome. Si vede che anche loro hanno un tot di "elasticità".. per me l'importante è sapere che il metodo che uso è giusto e non è "superato".

[Xinod]

controordine su id_assegnato.style
francamente mi suona stranissimo, e non va usato, ma a quanto pare funziona

[Vindav]

ci sono alcuni casi in cui fare riferimento ad un elemento senza usare il metodo getElementById causa un errore, ad esempio se l'id è "id-assegnato".

[markeizer]

a dire il vero "id-assegnato" era solo a scopo di esempio, non è l'id che stavo usando

[Vindav]

non hai capito, ho solo detto che se usi dei caratteri speciali nell'id, se fai rifermento a quell'elemento senza usare i metodi del DOM avrai un errore, spero sia chiaro ora

[markeizer]

non ho detto che non avevo capito, la mia era solo una puntualizzazione.