如何通过javascript设置css背景

Posted 2023-02-21

技术标签:

【中文标题】如何通过javascript设置css背景【英文标题】：How can i set the css background through javascript 【发布时间】：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";

也请查看此链接Style background Property

【讨论】：

【参考方案2】：

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

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

Refrence

【讨论】：

【参考方案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;

【讨论】：

以上是关于如何通过javascript设置css背景的主要内容，如果未能解决你的问题，请参考以下文章