JS实现当点击子元素让其父元素换色


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Documenttitle>
head>
<body>
       <ul>
              <li>我要换色
                    <button onclick="aa(this)">点我点我button>
              li>
       ul>

body>

<script>

               var aaa=true;

               function  aa(w) {
                  aaa?w.parentNode.style.color = 'red':w.parentNode.style.color = 'blue';
                  aaa=!aaa;
               }


script>

html>``

运用三目运算目来进行判断,通过添加变量来切换点击实现的效果。
在JS 中parentNode 属性可返回某节点的父节点。
如果指定的节点没有父节点则返回 null 。
由于在调用函数的时候是this 参数是w,所以w是指当前的节点。

你可能感兴趣的:(JS实现当点击子元素让其父元素换色)