话题 首页 > javascript教程 > javascript教程话题列表 > 详情

JavaScript如何实现点击按钮清除颜色

精华
༄༅听༅风༅༉¹5³2¹1⁴ 2019-03-02 18:38:20 浏览(838) 回复(4) 赞(0)

首先做两个矩形,一个透明的另一个是有颜色的<br/>其次做一个按钮,再点击按钮后可以把上面两个矩形颜色清除

javascript

回答(4)

1328157118 精华 2019-03-03

简单的实现一下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Remove Color</title>
    <style>
        .box {
            width: 100px;
            height: 100px;
            border: 2px black solid;
            padding: 10px;
            margin: 10px;
        }
        #green {
            background-color: green;
        }
        #red {
            background-color: red;
        }
    </style>
    <script>
        function removeColor() {
            document.getElementById("green").style.backgroundColor = "white";
            document.getElementById("red").style.backgroundColor = "white";
        }
    </script>
</head>
<body>
<p id="green" class="box">绿盒子</p>
<p id="red" class="box">红盒子</p>
<button type="button" onclick="removeColor()">清除颜色</button>
</body>
</html>
学号:1079430 2019-04-15

我建议,在body里设置背景色为,#fff

FN豆 2019-04-22

背景设置白色或者不设置颜色,然后js控制属性为空即可清除

Nansly 2019-05-21

有可能整个容器的背景不是白色的哦

要回复,请先登录 或者注册
二维码
建议反馈
二维码