cambiare classe di un elemento <span> con JavaScript

Question

Sto cercando di cambiare la classe di un elemento con JavaScript utilizzando il codice qui sotto:

parent.document.getElementById('<?php echo $markid ?>').class = 'unlistened'; 

Non avendo molta fortuna però. Come faccio a farlo correttamente?

Answer 1

.className piuttosto che .class

Answer 2

className dovrebbe fare il trucco (:

Answer 3

Uso .className invece di .class

Class è una parola riservata in JS quindi è cambiato in className A pochi altri. Gli attributi HTML vengono modificati in modo simile. "Per" modifiche a "htmlPer" per istanza.

Answer 4

Utilizzare jQuery ...

$("tagname").addclass("unlistened"); 

http://docs.jquery.com/Attributes/addClass

Answer 5

Solo un consiglio, è molto più facile da usare jQuery se si sta facendo JavaScript in questi giorni, dal momento che è molto più facile e veramente solo richiede di avere una buona conoscenza di CSS (per selettori e così via)

Faresti $(selector).addClass('myclass');

E retrive in questo modo:

$(selector).attr('class');

Oh sì, e si noti che se si utilizza una combinazione di classi su qualsiasi elemento, la funzione sopra riportata le restituirà tutte delimitate da uno spazio (come si definirebbe nell'attributo della classe HTML.) Se si desidera per verificare l'esistenza di una classe particolare, fare questo:

$(selector).hasClass('class');

Ecco i principi fondamentali di manipolazione classe con jQuery. Controlla il http://docs.jquery.com/ per il resto.