cambia la clase de un elemento <span> con JavaScript

Question

Estoy tratando de cambiar la clase de un elemento con Javascript con el siguiente código:

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

No tener mucha suerte sin embargo. ¿Cómo hago esto correctamente?

Answer 1

.className en lugar de .class

Answer 2

className debe hacer el truco (:

Answer 3

Uso .className en lugar de .class

clase es una palabra reservada en JS así que ha cambiado a className algunos otros. Los atributos HTML se cambian de forma similar "para" cambios a "htmlPara" para instancia.

Answer 4

Usar jQuery ...

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

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

Answer 5

Sólo un consejo, es mucho más fácil de usar jQuery, si está haciendo JavaScript en estos días, ya que es mucho más fácil y en realidad sólo requiere que usted tenga un buen conocimiento de CSS (para los selectores y etc.)

harías $(selector).addClass('myclass');

Y retrive que de este modo:

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

Oh, sí, y tenga en cuenta que si utiliza una combinación de clases en cualquier elemento, la función anterior devolverá todas delimitadas por un espacio (como lo definiría en el atributo de clase HTML). Si lo desea para comprobar si existe una clase en particular, hacer esto:

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

Eso es lo básico de manipulación clase con jQuery. Consulte http://docs.jquery.com/ para el resto.