更改HTML页面的颜色

Question

我想在我的HTML页面中添加一个新功能。它是一个响应式页面。我正在使用bootstarp css和js。现在我想改变页面的颜色，这意味着，用户选择背景颜色或文本颜色，页面颜色会自动更改。  Example link

我不知道如何应用这个。我需要一个插件或类似的东西。有人请帮帮我。

Answer 1

要在JavaScript中更改HTML页面的颜色，可以使用.backgroundColor属性：

document.body.backgroundColor = "#000000";

在CSS中，您可以使用background-color：

body {
    background-color: #000000;
}

希望这有帮助。

Answer 2

您也可以使用jquery：

$("body").css("background-color", color);

Answer 3

试试这个

function changeBGC(color){
  document.body.style.backgroundColor = color;
 }

<img src="http://ak0.picdn.net/shutterstock/videos/3771236/preview/stock-footage-color-magic-butterfly-on-white-background-with-mask.jpg" alt= "White Background" width="255" height="38" type='button' value='White Background' onclick="changeBGC('#ffffff');return false" />

<img src="http://cdn3.howtogeek.com/wp-content/uploads/2012/12/Plain-Black-Wallpaper.png" alt= "Black Background" width="255" height="38" type="button" value='Black Background' onclick="changeBGC('#000000');return false" />

JSFiddle Demo