JS更换背景颜色

时间:2025-03-09 21:11:11

更换背景颜色:
一、以下是更换背景颜色的测试案例(点击按钮、下拉框、单选、文字可以更换对应的背景颜色)
点击事件绑定函数,函数解析对应的id,表单是真丑,哈哈!

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <title>切换背景颜色</title>
    <style>
        body {
            background-image:url(./image/);

        }
    </style>
    <script style="text/javascript">
        function change(demo) {
            ("bg"). = demo;
        }
    </script>
</head>
<body >
<button type="button" onclick="change('green')" >绿色</button>
<button type="button" onclick="change('red')" >红色</button>
<button type="button" onclick="change('blue')" >蓝色</button>
<select onclick="change(value)" style="height:90px;width:150px;font-size:16px" size="5">
    <option value="yellow" >黄色</option>
    <option value="blue">蓝色</option>
    <option value="green">绿色</option>
    <option value="red">红色</option>
    <option value="orange">橙色</option>
    <option value="pink">粉色</option>
</select>
<br>
<radio onclick="change('green')">绿色</radio>
<p onclick="change('yellow')">黄色:<input type="radio" onclick="change('yellow')" value="黄色"></p>
</body>
</html>