结合H5和JS修改背景颜色

最新推荐文章于 2024-04-06 12:48:02 发布

Dreamer_Ji

最新推荐文章于 2024-04-06 12:48:02 发布

阅读量1.4k

点赞数

本文链接：https://blog.csdn.net/Dreamer_Ji/article/details/107359483

版权

使用H5表单新增加的type元素进行选择颜色，接着定义一个方法，在onchange事件会在域的内容改变时发生的时候触发，操作谁就获取谁来操作。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    颜色：<input type="color" id="col" onchange="changeColor()">
    <script>
    var color=document.getElementById("col");//操作谁就获取谁
    function changeColor(){
        document.body.style.backgroundColor=color.value;//将h5所选择的颜色值赋值给背景颜色
    }
</script>
    
</body>
</html>