如何用原生js实现点击子级a标签给父级div添加class再点击就移除class
1个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<title>测试页面2</title>
<meta charset="UTF-8"/>
<style>
.tdiv{
border:2px solid;
}
</style>
<script>
function test(ele){
var pDiv=ele.parentNode;
if(pDiv.className==" "){
pDiv.className="tdiv";
}else{
pDiv.className=" ";
}
}
//还可以用classList，这种方法更流畅
function test2(ele){
var pDiv=ele.parentNode;
if(pDiv.classList.contains("tdiv")){
pDiv.classList.remove("tdiv");
}else{
pDiv.classList.add("tdiv");
}
}
</script>
</head>
<body>
<div>
<a onclick="test(this)">测试</a>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
