gpt4 book ai didi

javascript - 如何动态地将CSS类添加到html元素

转载 作者:太空宇宙 更新时间:2023-11-04 13:34:35 25 4
gpt4 key购买 nike

我是 JavaScript 的新手,尤其是 AngularJS,所以我的问题对某些人来说可能显得幼稚。

我正在处理我的 AngularJS 教程元素。

我有这样的 HTML 行:

<link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet"/>
<link href="http://acornejo.github.io/bootstrap-nav-wizard/bootstrap-nav-wizard.css" rel="stylesheet"/>
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet"/>
<body>
<div class="container">
<ul class="nav nav-wizard">
<li class="active"><a href="#">Step1</a></li>
<li><a href="#">Step2</a></li>
<li><a href="#">Step3</a></li>
</ul>
<hr>
</div>
</body>

当我按下 <a> 时标记我需要使其处于事件状态(即将 <li> 元素的属性类设置为 active,如步骤 1 中所示)。

如何在客户端以编程方式实现它?

最佳答案

迈克尔,

如果你使用angular,你应该使用<li ng-class="'yourclass': expression">

ngClass documentation

看看这个 Codepen

关于javascript - 如何动态地将CSS类添加到html元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32187496/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com