如何通过javascript设置css背景答案

【问题标题】：How can i set the css background through javascript如何通过javascript设置css背景
【发布时间】：2016-01-06 22:36:04
【问题描述】：

我是 JavaScript 新手，我想通过 JavaScript 设置背景 css，任何人都可以帮助我。

element.style.backgroundColor = color;

【问题讨论】：

【解决方案1】：

document.body.style.background = "#f3f3f3 url('img_tree.png') no-repeat right top";

【讨论】：

【解决方案2】：

一般来说，CSS 属性转换为 JavaScript 的方法是使它们成为不带任何破折号的驼峰式。所以背景色变成了背景色。

function setColor(element, color){
element.style.backgroundColor = color;
}

【讨论】：

【解决方案3】：

背景属性以简写形式设置或返回最多八个单独的背景属性。

使用此属性，您可以设置/返回以下一项或多项（以任意顺序）：

background-color
background-image
background-repeat
background-attachment
background-position
background-size
background-origin
background-clip

示例：

object.style.background="color image repeat attachment position size origin clip|initial|inherit"

【讨论】：

【解决方案4】：

document.bgColor 用于更改背景颜色

function changeColor(){
  color = document.getElementById("inpu").value;
  
  
  document.bgColor=color;
  
}

&lt;input type="text" value="red" id="inpu"&gt;&lt;button onClick="changeColor()"&gt;Color&lt;/button&gt;

【讨论】：