web页面背景色控制

有一道题要实现输入rgb数值,实现更换页面背景色的功能,如下图所示:文章来源地址https://www.yii666.com/article/756098.html文章来源地址:https://www.yii666.com/article/756098.html

web页面背景色控制文章地址https://www.yii666.com/article/756098.html网址:yii666.com<网址:yii666.com

答案:

<html>
<head>
<script type="text/javascript">
window.onload=function(){
var change = document.getElementById("change");
change.onclick = function(){
var r = document.getElementById("r").value;
var g = document.getElementById("g").value;
var b = document.getElementById("b").value;
document.body.style.backgroundColor = "rgb("+r+","+g+","+b+")";
}
}
</script>
</head>
<body>
r: <input type="text" id="r" value="123"/><br>
g: <input type="text" id="g" value="123"/><br>
b: <input type="text" id="b" value="123"/><br>
<button id="change">change</button
</body>
</html>

版权声明:本文内容来源于网络,版权归原作者所有,此博客不拥有其著作权,亦不承担相应法律责任。文本页已经标记具体来源原文地址,请点击原文查看来源网址,站内文章以及资源内容站长不承诺其正确性,如侵犯了您的权益,请联系站长如有侵权请联系站长,将立刻删除

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信图片_20190322181744_03.jpg

微信扫一扫打赏

请作者喝杯咖啡吧~

支付宝扫一扫领取红包,优惠每天领

二维码1

zhifubaohongbao.png

二维码2

zhifubaohongbao2.png