结合H5和JS修改背景颜色
程序员文章站
2022-06-22 19:55:16
使用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
上一篇: 对源ip地址的*脚本代码介绍
下一篇: 优酷多个分站存在SSRF漏洞大礼包
推荐阅读
-
asp.net修改注册表(页面打印时页眉、页脚、页边距、背景颜色和图像)
-
element-ui tooltip修改背景颜色和箭头颜色的实现
-
结合H5和JS修改背景颜色
-
android studio并列层,显示和隐藏按钮,修改背景的自定义颜色
-
利用JQuery和JS实现奇偶行背景颜色自定义效果_javascript技巧
-
asp.net修改注册表(页面打印时页眉、页脚、页边距、背景颜色和图像)
-
利用JQuery和JS实现奇偶行背景颜色自定义效果_javascript技巧
-
JS修改iframe页面背景颜色的方法_javascript技巧
-
js获取及修改网页背景色和字体色的方法_javascript技巧
-
JS修改iframe页面背景颜色的方法_javascript技巧