document.getElementById 不适用于 标签

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>

现在，当我单击时，我需要为我选择的类添加一个名为“selected”的类。 我尝试使用 setAttribute 并添加 jquery 类，但没有成功

当我提醒 document.getelementbyId(123) 时，它给出了链接。

有人可以帮助我吗？

提前致谢
阿洛伊

Answer 1

id 应以字母开头。

官方规范

ID 和 NAME 标记必须以字母 ([A-Za-z]) 开头，后面可以跟任意数量的字母、数字 ([0-9])、连字符 ("-")、下划线 (" _”）、冒号（“:”）和句点（“.”）。

---

另外，

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

showhide() 应该执行与上面类似的操作。

Answer 2

如果没有看到 showhide 的代码，就无法准确地看出您做错了什么。既然您提到了 jQuery，那么以下是如何用它来执行您所描述的操作：

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

还值得注意的是，以数字开头的 ID 是无效的。