document.getElementById ne fonctionne pas pour tag

Question

Je suis très nouveau pour js si gentiment me aider.

Je suis en train d'ajouter une classe à une balise en utilisant onClick.

Le code est comme indiqué ci-dessous:

<a class="gkvSprite" href="#" id="abc" onClick="showhide('1')">Click 1</a>
<a class="gkvSprite" href="#" id="def" onClick="showhide('2')">Click 2</a>
<a class="gkvSprite" href="#" id="hij" onClick="showhide('3')">Click 3</a>

Maintenant, quand je clique, je dois ajouter une classe appelée « sélectionné » pour celui que je sélectionne. J'ai essayé d'utiliser setAttribute et ajouter la classe de jquery aussi bien, mais sans succès

Quand j'alerter les document.getElementById (123), il donne le lien.

Quelqu'un peut-il bien vouloir me aider?

Merci à l'avance
Alloi

Answer 1

Sans voir le code pour showhide il n'y a pas moyen de voir exactement ce que vous faites mal. Puisque vous mentionnez jQuery, voici comment faire ce que vous décrivez avec elle:

$('.gkvSprite').click(function() {
  $(this).addClass('selected');
});

Il est également intéressant de noter qu'il est invalide pour commencer un ID avec un numéro.

Answer 2

id doit commencer par un alphabet.

spécification officielle

  

ID et jetons Le nom doit commencer par une lettre ([A-Za-z]) et peut être suivi par un certain nombre de lettres, chiffres ([0-9]), des traits d'union ( "-"), underscores ( » _ "), (": côlons ") et des points (" ")

..

---

En outre,

var element = document.getElementById('id');
element.className += "newClass";

Le showhide() devrait faire quelque chose comme ci-dessus.