单击时如何在锚标记上添加活动类？答案

【问题标题】：how to add active class on anchor tag when clicked?单击时如何在锚标记上添加活动类？
【发布时间】：2020-12-11 09:21:08
【问题描述】：

这是我在循环中获取锚标记的 javascript 代码。我想在单击或当前页面的锚标记上添加一个活动类

function changePage(page)
{
  current_page = page;
  var page_span = document.getElementById("page");
  var number_of_pages = Math.ceil(videoData.length / records_per_page);
  var PageNum = "";
  for (var i = 1; i <= number_of_pages; i++) {
  PageNum += '<a class="page_link" href="javascript:changePage(' + i +')">'+ i +'</a> ';  //Page nos.
  }
 page_span.innerHTML =  PageNum;
}

HTML

Page: <span id='page'></span></div>

【问题讨论】：

在你的代码中，你没有使用 jQuery（也没有说你想使用它），所以没有必要标记它。

标签： javascript html jquery css

【解决方案1】：

function onClick(e){
    e.preventDefault()
    document.querySelector('.active-class-name').classList.remove('active-class-name')
    e.target.classList.add('active-class-name')
}

<a onclick="onClick">Hi</a>

认为这对你有用

【讨论】：