<ul class="nav nav-tabs">
<li onclick="this.className='active'"><a href="#">Home</a></li>
<li onclick="this.className='active'"><a href="#">Menu 1</a></li>
<li onclick="this.className='active'"><a href="#">Menu 2</a></li>
<li onclick="this.className='active'"><a href="#">Menu 3</a></li>
</ul>
如何使用 JavaScript 在 li 标记上添加事件类。这里我尝试着做一下。它正在工作,但不正常。我在这里做标签。
最佳答案
根据评论,我猜你正在期待这个:
var a = document.querySelectorAll(".nav li a");
for (var i = 0, length = a.length; i < length; i++) {
a[i].onclick = function() {
var b = document.querySelector(".nav li.active");
if (b) b.classList.remove("active");
this.parentNode.classList.add('active');
};
}
.active {
background-color: #0f9;
}
<ul class="nav nav-tabs">
<li><a href="#">Home</a>
</li>
<li><a href="#">Menu 1</a>
</li>
<li><a href="#">Menu 2</a>
</li>
<li><a href="#">Menu 3</a>
</li>
</ul>
关于javascript - 如何使用 JavaScript 代码在事件 li 上添加类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36250901/