JS怎么改变背景颜色

JavaScript07

JS怎么改变背景颜色,第1张

1、首先我们来创建一个p元素，在里面写上hello:。

2、在浏览器界面上的显示如下。

3、接下来我们就为这个p元素来设置背景颜色。

4、接下来看看浏览器中变化。

5、说明我们就已经为p元素改好了背景色，如果要改变颜色的话直接在后面改就好。

这个不难。

点击按钮

获取文本框的图片地址。

假设

文本框的id是

input.

按钮点击之后执行下面操作。

var

img=

document.getElementById("input").value()

document.body.style.backgroundImage="url("+img+")"

然后就会改变网页的背景

更换背景图片有两种方式：

1、直接给元素附加css，因为js附加的css样式要比css中的样式权限高，那么js设置的背景图片就会覆盖之前的图片

$(this).css("background","url(1.jpg) no-repeat 0 0")

2、写两个class，一个class里面写一个背景图片，js中操作的话直接改变元素的class就可以了

$(this).removeClass('classA').addClass('classB')

相对而言，第二种方式更好一点，实现了js中尽量不书写css的理念，同时第二种可以实现背景图片不断替换，而第一种不行