用js改变div的背景颜色,js改变css样式背景色

　　本教程运行环境：windows7系统，javascript1.8.5版本1.8.5，戴尔G3电脑。

　　javascript怎么设置背景颜色

　　在javascript中，可以利用Style对象的backgroundColor属性来设置背景颜色。

　　语法：

　　object . style . background color= color value 示例：

　　！声明文档类型

　　超文本标记语言

　　头

　　style type=text/css

　　正文{

　　背景色：# B8BFD8

　　}

　　/风格

　　脚本类型=文本/javascript

　　函数changeStyle() {

　　document . body . style . background color= # ffcc 80 ；

　　//document . body . style . background color= red ；

　　}

　　/脚本

　　/头

　　身体

　　input= button onclick= change style() value=更改背景颜色/

　　/body

　　/html渲染：

　　说明：颜色值的写法：

　　1、使用颜色名

　　规格的推荐颜色名称

　　/* Name Yanse Name Yanse Name Yanse Name

　　黑色、银色、浅灰色、藏青色、深蓝色

　　蓝色浅蓝色绿色深绿色石灰浅绿色

　　蓝绿色靛蓝色天蓝色栗色深红色

　　红紫色深紫色紫红色品红色

　　橄榄褐色黄色黄色亮黄色灰色深灰色

　　白壳白*/不建议在网页中使用颜色名称，尤其是大规模使用，避免某些颜色名称不被浏览器解析，或者不同浏览器对颜色的解读不同。

　　2、十六进制颜色

　　十六进制符号#RRGGBB和#RGB(如#ff0000)。# 后跟6或3个十六进制字符(0-9，A-F)。

　　这是最常用的取色方法，如：

　　#f03

　　#F03

　　#ff0033

　　#FF00333、RGB，红-绿-蓝（red-green-blue (RGB)）

　　指定的颜色值是rgb码的颜色，函数格式是rgb(R，G，B)，值可以是0到255的整数或百分比。

　　rgb(255，0，51)

　　rgb(255，0，51)

　　rgb(100%，0%，20%)

　　Rgb(100%，0%，20%)扩展：RGBa，红绿蓝阿尔法(RGBA)

　　RGBA扩展了RGB颜色模式，其中包括alpha通道，允许设置颜色的透明度。a表示透明度：0=透明度；1=不透明。

　　Rgba(255，0，0，0.1) /* 10%不透明*/

　　Rgba(255，0，0，0.4) /* 40%不透明*/

　　Rgba(255，0，0，0.7) /* 70%不透明*/

　　Rgba(255，0，0，1) /*不透明，即红色*/4、HSL，色相-饱和度-明度（Hue-saturation-lightness）

　　色调代表色环的角度(即代表彩虹的圆)。

　　饱和度和明度用百分比表示。

　　100%是完全饱和，而0%是灰度。

　　100%明度为白色，0%明度为黑色，50%明度为‘一般’。

　　Hsl(120，100%，25%) /*深绿色*/

　　Hsl(120，100%，50%) /*绿色*/

　　Hsl(120，100%，75%) /*浅绿色*/extended: HSLa，色调-饱和度-亮度-alpha (HSLA)

　　HSLa从HSL颜色模式扩展而来，包括alpha通道，可以指定颜色的透明度。a表示透明度：0=透明度；1=不透明。

　　Hsla(240，100%，50%，0.05) /* 5%不透明*/

　　Hsla(240，100%，50%，0.4) /* 40%不透明*/

　　Hsla(240，100%，50%，0.7) /* 70%不透明*/

　　Hsla(240，100%，50%，1) /*完全不透明*/5、transparent

　　特殊颜色值，表示透明色。可以直接作为颜色使用。

　　【推荐学习：javascript高级教程】以上是javascript如何设置背景色的细节。更多请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。