如何用原生js实现点击子级a标签给父级div添加class再点击就移除class

 我来答
WMYUOM
2019-05-16 · TA获得超过350个赞
知道小有建树答主
回答量:435
采纳率:78%
帮助的人:209万
展开全部
<!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>
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式