document.getElementById non funziona per tag

Question

Sono molto nuovo a JS così gentilmente aiutarmi con questo.

Sto cercando di aggiungere una classe a un tag utilizzando onClick.

Il codice è come indicato di seguito:

<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>

Ora, quando scatto ho bisogno di aggiungere una classe denominata "selezionato" per quello seleziono. Ho provato ad utilizzare setAttribute e aggiungi classe di jquery pure ma non ha avuto successo

Quando ho allertare il document.getElementById (123) dà il link.

Qualcuno può gentilmente aiutarmi?

Grazie in anticipo
Alloi

Answer 1

Senza vedere il codice per showhide non c'è modo di vedere esattamente quello che stai facendo male. Dal momento che si parla di jQuery, ecco come fare ciò che si descrive con esso:

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

E 'anche interessante notare che è valida per avviare un ID con un numero.

Answer 2

id dovrebbe iniziare con un alfabeto.

specifica ufficiale

  

ID e NAME devono iniziare con una lettera ([A-Za-z]) e può essere seguita da un numero qualsiasi di lettere, cifre ([0-9]), trattini ( "-"), underscore (" _ "), due punti (": ") e punti (" ")

..

---

Inoltre,

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

Il showhide() dovrebbe fare qualcosa di simile in precedenza.