changer la classe d'un élément <span> avec JavaScript

Question

Je suis en train de changer la classe d'un élément avec JavaScript en utilisant le code ci-dessous:

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

Ne pas avoir beaucoup de chance cependant. Comment est-ce que je fais cela correctement?

Answer 1

.className plutôt que .class

Answer 2

className devrait faire l'affaire (:

Answer 3

Utilisation .className au lieu de .class

classe est un mot réservé à JS il a changé de nom de classe A quelques autres. Les attributs HTML sont modifiés de la même manière. "Pour" passe à "htmlFor" pour instance

Answer 4

Utiliser jQuery ...

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

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

Answer 5

Juste un conseil, il est beaucoup plus facile à utiliser jQuery si vous faites JavaScript ces jours-ci, car il est tellement plus facile et que vraiment vous oblige à avoir une bonne connaissance de CSS (pour les sélecteurs et ainsi de suite)

Vous feriez $(selector).addClass('myclass');

Et retrive comme si:

$(selector).attr('class');Oh oui, et notez que si vous utilisez un mélange de classes sur n'importe quel élément, la fonction ci-dessus les renverra toutes délimitées par un espace (comme vous le définiriez dans l'attribut de classe HTML). Si vous voulez pour vérifier s'il existe une classe particulière, faites ceci:

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

ce sont les bases de la manipulation de la classe avec jQuery. Découvrez http://docs.jquery.com/ pour le reste.