javascript使用按鈕更改頁面背景顏色
[英]javascript Change page background color with button
問題描述
我正在嘗試找出如何使用按鈕更改頁面背景色的代碼
所以基本上我已經寫出了按鈕的代碼及其功能，但是我在弄清楚使用什么代碼使按鈕改變整個頁面的顏色時遇到了麻煩
<script>
function changeColor()
{
};
function changeText()
{
alert ("change text in this part");
};
function sendMsg()
{
alert ("change msg content here");
}
</script>
<body>
<h1>Welcome to my program!</h1>
<button onclick="changeColor()">Color</button>
<button onclick="changeText()">Text</button> </br>
<p>Can I ask you something Ive always wanted to ask the real Batman?</p> </br>
<input type="text" name="">
</body>
2 個解決方案
解決方案1
1 已采納 2013-04-05 01:37:11
document.body.style.background = color;
沒什么更多的了，就是這么簡單！
解決方案2
-2 2014-08-18 07:19:14
親愛的，嘗試一下這段代碼：
<FORM>
<INPUT type="button" value="Change to Yellow!" name="button3" onClick="document.bgColor='yellow'"> <br>
<INPUT type="button" value="Change to Red!" name="button4" onClick="document.bgColor='red'"> <br>
<INPUT type="button" value="Change back!" name="button5" onClick="document.bgColor='white'"> </FORM>
Bootstrap 和 JavaScript 按鈕更改圖標與背景顏色
[英]Bootstrap and JavaScript button change icon with background color
如何使用JavaScript更改當前頁面的導航按鈕/鏈接的背景顏色？
[英]How can I change the background color of a current page's navigation button/link using JavaScript?
如何通過點擊javascript中的按鈕更改背景顏色和文本顏色？
[英]How to change the background color and text color with the click of a button in javascript?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.