document.getElementById는 tag에서 작동하지 않습니다

Question

나는 JS에 매우 익숙하지 않습니다.

OnClick을 사용하여 태그에 클래스를 추가하려고합니다.

코드는 다음과 같습니다.

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

이제 클릭하면 선택한 클래스에 "선택된"클래스를 추가해야합니다. 나는 stattribute를 사용해 보았고 jQuery 클래스를 추가했지만 성공하지 못했습니다.

문서를 알리면 getElementByid (123)는 링크를 제공합니다.

누군가 나를 친절하게 도울 수 있습니까?

미리 감사드립니다
알로이

Answer 1

코드를 보지 않고 showhide 당신이 잘못하고있는 일을 정확히 볼 방법이 없습니다. jQuery를 언급하기 때문에 설명하는 방법은 다음과 같습니다.

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

또한 숫자로 ID를 시작하는 것이 유효하지 않다는 점도 주목할 가치가 있습니다.

Answer 2

id 알파벳으로 시작해야합니다.

공식 사양

ID와 이름 토큰은 문자 ([a-za-z])로 시작해야하며, 수많은 문자, 숫자 ([0-9]), 하이픈 ( "-"), 밑줄 ( "_")이 뒤 따릅니다. , 콜론 ( ":") 및 기간 ( ".").

---

또한,

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

그만큼 showhide() 위와 같은 일을해야합니다.