怎么用js点击按钮改变网页主题，就是把颜色换一下，再次点击在换回来，就这样点击来回切换？

Posted 2023-03-31

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了怎么用js点击按钮改变网页主题，就是把颜色换一下，再次点击在换回来，就这样点击来回切换？相关的知识，希望对你有一定的参考价值。

参考技术A <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body
            background-color: green;

    </style>
</head>

<body>
    <button>btn</button>
</body>
<script>
    let isGreen = false;
    document.querySelector("button").onclick = () =>
        document.body.style.backgroundColor = isGreen ? "green" : "red"
        isGreen = !isGreen;

</script>

</html>

请采纳

追问

你这个只是点击切换，我的意思是点击切换然后再点击又切换原来的颜色去了，就这样可以一直切换

以上是关于怎么用js点击按钮改变网页主题，就是把颜色换一下，再次点击在换回来，就这样点击来回切换？的主要内容，如果未能解决你的问题，请参考以下文章

MFC对话框按钮，怎么弄成WINDOWS主题的样式？