结合H5和JS修改背景颜色
程序员文章站
2022-03-22 10:01:43
使用H5表单新增加的type元素进行选择颜色，接着定义一个方法，在onchange事件会在域的内容改变时发生的时候触发，操作谁就获取谁来操作。
使用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>
运行结果：
实践是检验真理的唯一标准。
本文地址：https://blog.csdn.net/Dreamer_Ji/article/details/107359483
上一篇： 前端处理登录超时
下一篇： DOS命令全集(一)
推荐阅读
-
Android实现修改状态栏背景、字体和图标颜色的方法
-
asp.net修改注册表（页面打印时页眉、页脚、页边距、背景颜色和图像）
-
element-ui tooltip修改背景颜色和箭头颜色的实现
-
结合H5和JS修改背景颜色
-
android studio并列层，显示和隐藏按钮，修改背景的自定义颜色
-
利用JQuery和JS实现奇偶行背景颜色自定义效果_javascript技巧
-
asp.net修改注册表（页面打印时页眉、页脚、页边距、背景颜色和图像）
-
利用JQuery和JS实现奇偶行背景颜色自定义效果_javascript技巧
-
JS修改iframe页面背景颜色的方法_javascript技巧
-
js获取及修改网页背景色和字体色的方法_javascript技巧