JS怎么改变背景颜色

JavaScript08

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

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

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

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

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

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

有两种比较直接的方式，\x0d\x0a\x0d\x0a第一种方法：预先设置一个样式，然后在js中操作，给div加上这个class。\x0d\x0ahtml代码：\x0d\x0a-----\x0d\x0a\x0d\x0a\x0d\x0a-----\x0d\x0a\x0d\x0a预先设置一个样式：\x0d\x0a-----\x0d\x0a.bg {\x0d\x0a background-image: url(xxx.jpg)\x0d\x0a}\x0d\x0a-----\x0d\x0a\x0d\x0a然后js获取这个div，给div加上名为bg的class\x0d\x0a-----\x0d\x0avar div = document.getElementById('test')\x0d\x0adiv.className += ' bg'\x0d\x0a-----\x0d\x0a\x0d\x0a第二种方法，直接设置div的style属性：\x0d\x0a\x0d\x0a-----\x0d\x0avar div = document.getElementById('test')\x0d\x0adiv.style.backgroundImage = 'url(xxx.xxx)'\x0d\x0a----- 回答于 2022-11-16