前端应用_js_if ，else if 的练习

最新推荐文章于 2023-01-05 16:36:45 发布

上海_彭彭

最新推荐文章于 2023-01-05 16:36:45 发布

阅读量744

点赞数

分类专栏： javascript 文章标签： js if else if

本文链接：https://blog.csdn.net/qq_34979346/article/details/98321829

版权

javascript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

以下用的发if 语句改变 box 的颜色示例如下：

<!doctype html>
<html lang="en">
<head>
      <meta charset="UTF-8">
    <title>相加</title>
    <style type="text/css">
        .box{
        width:300px;
        height:400px;

        }
    </style>
    <script type="text/javascript">
    window.onload=function(){
        var vat=document.getElementById("btn");
        var Ccolor=document.getElementById("box1");
       // alert(Ccolor.style.backgroundColor)
        vat.onclick=function(){
        if (Ccolor.style.backgroundColor=="gold"){
        Ccolor.style.backgroundColor="red";
        }
        else if(Ccolor.style.backgroundColor=="red"){
        Ccolor.style.backgroundColor="pink";

        }
        else{
        Ccolor.style.backgroundColor="gold";

        }
}
        }

    </script>
</head>
<body>
<div id="box1" class="box" style="background-color:gold" ></div>
<input type="button" id="btn" value="改变颜色">
</body>
</html>

上海_彭彭

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
前端应用_js_if ，else if 的练习

以下用的发if 语句改变 box 的颜色示例如下：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>相加</title> <style type="text/css"> .b...
复制链接

扫一扫