JS改变页面颜色源码分享

来源：动视网责编：小OO 时间：2020-11-27 22:19:06

JS改变页面颜色源码分享

我们先来看下具体的演示效果图。以下就是完整的HTML页面代码，大家可以测试下。<；<。DOCTYPE html>；<；html lang="en">；<；head>；<；meta charset="UTF-8">；<；title>；Document<；/title>；<；style>；.big_box{width： 500px；height： 500px；border： 1px solid black；}.big_box input{margin-left： 60px；}<；/style>；<；script>；Red.style.backgroundColor="red"；}<；/script>。

推荐度：

点击下载本文 文档为doc格式

导读我们先来看下具体的演示效果图。以下就是完整的HTML页面代码，大家可以测试下。<；<。DOCTYPE html>；<；html lang="en">；<；head>；<；meta charset="UTF-8">；<；title>；Document<；/title>；<；style>；.big_box{width： 500px；height： 500px；border： 1px solid black；}.big_box input{margin-left： 60px；}<；/style>；<；script>；Red.style.backgroundColor="red"；}<；/script>。

我们先来看下具体的演示效果图

以下就是完整的HTML页面代码，大家可以测试下。

<!DOCTYPE html> 
<html lang="en"> 
<head> 
 <meta charset="UTF-8"> 
 <title>Document</title> 
 <style> 
 .big_box{ 
 width: 500px; 
 height: 500px; 
 border: 1px solid black; 
 } 
 .big_box input{ 
 margin-left: 60px; 
 } 
 </style> 
 <script> 
 function Change_red(){ 
 var Red=document.getElementById("change_style"); 
 Red.style.backgroundColor="red"; 
 } 
 function Change_blue(){ 
 var Blue=document.getElementById("change_style"); 
 Blue.style.backgroundColor="blue"; 
 } 
 function Change_green(){ 
 var Green=document.getElementById("change_style"); 
 Green.style.backgroundColor="green"; 
 } 
 </script> 
</head> 
<body> 
 <div class="big_box" id="change_style"> 
 <input type="button" value="变为红色" onclick="Change_red()"> 
 <input type="button" value="变为蓝色" onclick="Change_blue()"> 
 <input type="button" value="变为绿色" onclick="Change_green()"> 
 </div> 
</body> 
</html>

JS改变页面颜色源码分享

推荐度：

点击下载本文 文档为doc格式

标签：背景改变颜色

热门焦点

JS改变页面颜色源码分享

JS改变页面颜色源码分享

JS改变页面颜色源码分享

最新推荐

猜你喜欢

热门推荐