问答详情
源自：3-6 控制类名（className 属性）

点击按钮样式不断切换，下面的文字也会自动变，这是我花了十小时琢磨出来的

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>className属性</title>

<style type="text/css">

   .one{background-color:red;}

   .two{background-color:blue;}

</style>

</head>

<body>

    <p2 id="mama" class="one">javascript</p2><br/>

    <form>

    <input type="button" value="点击更改" onclick="lala()">

    </form>

    <p id="aa">P元素Class值为：one</p>

    <script type="text/javascript">

        var mychar=document.getElementById("mama");

        var aa=document.getElementById("aa");

        function lala(){

            if(mychar.className=="one")

            {mychar.className="two";}

            else{mychar.className="one";}

            aa.innerHTML=("P元素Class值为："+mychar.className+"<br>")

         }

    </script>

</body>

</html>


提问者：宝慕林5689754 2019-08-24 12:07

个回答

  • 慕仙7321963
    2019-08-27 17:01:43

    第一个p标签多写了个2哟

    0
  • 慕仙7321963
    2019-08-27 16:59:32

    你的命名方法治好了我每次想半天名字的毛病  赞?

    0
  • 慕仙7321963
    2019-08-27 16:57:24

    GB2312字符集呢 我说打开乱码

    0
  • 一如忘词
    2019-08-24 23:51:59

    哈哈，你写的太好了，我就学习一下

    0
  • 一如忘词
    2019-08-24 23:18:30

     

     function lala(){

                if(mychar.className=="one"){

    mychar.className="two";

    }else{

    mychar.className="one";

                }

                 aa.innerHTML=("P元素Class值为："+mychar.className+"<br>");

            }

    把函数里面改一点就行

    0