Javascript 在不使用 ID 标签的情况下更改类

标签 javascript html

我想在不使用 ID 标记的情况下更改 HTML 元素的类,因为我有很多这样的元素。我想要像这样简单的东西,但代码不起作用。

<li ><a onclick="ChangeClass()" href="/Default.aspx">Home</a></li>

<script>
        function ChangeClass(){
            this.className = "active";
        } 
</script>

编辑:抱歉,那是一种类型。我的代码确实有括号,但仍然无法正常工作。

EDIT2:感谢您的快速回复,我会查看所有回复并做笔记。

最佳答案

这里的'this'指向window对象。您可以使用 call/apply 来更改它的上下文。

检查这个片段

 function ChangeClass(event) {
   this.className = "active";
 }
.active {
  color: red;
}
<li><a href="/Default.aspx" class="default" onclick="ChangeClass.call(this)">Home</a>
</li>

<script>
</script>

希望对你有帮助

关于Javascript 在不使用 ID 标签的情况下更改类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41267233/

相关文章:

javascript - jQuery 为每个 if else 语句添加不同的类

html - 如何从 SAP HTML Viewer 打开 javascript 开发人员控制台

javascript - 如果没有 "function"关键字,这个对象方法定义如何工作?

javascript - 将自定义 JS 和 CSS 应用于 iframe? (制作第 3 方移动网站)

php - 如何使用javascript从php文件中获取file_get_contents的路径

javascript - 在javascript中获取子元素的值

html - 如何在新行中制作 <td>

javascript - 使用 Google Drive 以结构化格式存储应用程序数据 - 类似于 Dropbox 数据存储 API

javascript - jquery AjaxSubmit函数如何从表单页面获取结果进行显示

html - 没有包装 div 的固定宽度居中内容