这是我的点击功能。
function toggleActiveClass(e){
console.log(e);
}
这是我调用函数的地方
<a href="#" onclick="toggleActiveClass(this)" class="link--no-decor link--dark">
这是它在控制台中返回的输出
<a href="#" onclick="toggleActiveClass(this)" class="link--no-decor link--dark">
<li>
<div class="menu-item menu-item--google menu-item--radio">
<span>...</span>
<span class="va-middle">
Personal info
</span>
</div>
</li>
</a>
我想像这样在锚标签内的div标签中添加“活动”类。
<a href="#" onclick="toggleActiveClass(this)" class="link--no-decor link--dark">
<li>
<div class="menu-item menu-item--google menu-item--radio active">
<span>...</span>
<span class="va-middle">
Personal info
</span>
</div>
</li>
</a>
尝试使用这个
function toggleActiveClass(e){
e.target.childNodes[1].addClass("active");
}
但这没用。如何将活动类别添加到div?使用javascript。
它不起作用,因为addClass
它不是DOM节点的方法。
您需要更改班级列表:
function toggleActiveClass(link)
{
let div = link.querySelector('.menu-item');
div.classList.toggle('active');
}
.active
{
color:red;
}
<a href="#" onclick="toggleActiveClass(this)" class="link--no-decor link--dark">
<li>
<div class="menu-item menu-item--google menu-item--radio">
<span>...</span>
<span class="va-middle">
Personal info
</span>
</div>
</li>
</a>
我有其他具有活动类别的div我想从该div中删除活动类别?
我必须知道您文档的其余结构,但很可能是这样:
function toggleActiveClass(link)
{
let currentActive = document.querySelector('.menu-item .active');
currentActive.classList.remove('active');
let newActive = link.querySelector('.menu-item');
newActive.classList.add('active');
}
Este artigo é coletado da Internet.
Se houver alguma infração, entre em [email protected] Delete.
deixe-me dizer algumas palavras