如何用原生js实现点击子级a标签给父级div添加class再点击就移除class
最新回答
酷到乏味
2024-05-06 07:59:12
<!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>
热门标签
