javascript - 单击 anchor 标记，使用JS添加类

<p id="testhome-1">Test</p>
<p id="testhome-2">Test</p>

<a href="#testhome-1">Click</a>
<a href="#testhome-2">Click</a>

当我单击锚标记时，我想将一个类添加到Paragraph的特定ID。

最佳答案

普通JS：

window.onload=function() {
  document.querySelector("[href=#testhome-1]").onclick=function() {
    document.querySelector("#testhome-1").classList.add("clicked"); // or toggle
    return false; // cancel link
  }
}

或任何链接：

window.onload = function() {
  var links = document.querySelectorAll("a");
  for (var i=0;i<links.length;i++) {
    links[i].onclick = function() {
      document.querySelector("#"+this.href.split("#")[1]).classList.toggle("clicked");
      return false; // cancel link
    }
  }
}

.clicked { color:green }

<p id="testhome-1">Test</p>
<p id="testhome-2">Test</p>

<a href="#testhome-1">Click 1</a> |
<a href="#testhome-2">Click 2</a>