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>

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

JS改變頁面顏色源碼分享

推薦度：

點擊下載本文 文檔為doc格式

標簽：背景改變顏色

熱門焦點

国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

JS改變頁面顏色源碼分享

JS改變頁面顏色源碼分享

JS改變頁面顏色源碼分享

最新推薦

猜你喜歡

熱門推薦