最新的Web开发教程

×

JavaScript 参考

JavaScript

JS 字符串 JS 数 JS 运算符 JS 声明 JS 数学 JS 日期 JS 排列 JS 布尔 JS 正则表达式 JS 全局 JS 转变

浏览器 BOM

Window Navigator Screen History Location

HTML DOM

DOM 文件 DOM 元素 DOM 属性 DOM 事件 DOM 样式

HTML 对象

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

其他对象

CSSStyleDeclaration

Style backgroundColor Property

例

设置文档的背景色：

document.body.style.backgroundColor = "red";

更多"Try it Yourself"下面的例子。

定义和用法

backgroundColor属性集或返回元素的背景颜色。

浏览器支持

在表中的数字规定，完全支持该财产浏览器版本。

属性
backgroundColor	1.0	4	1.0	1.0	3.5

句法

返回backgroundColor属性：

object .style.backgroundColor

设置backgroundColor属性：

object .style.backgroundColor=" 属性值

值	描述
color	指定背景颜色。看看CSS颜色值可能的颜色值的完整列表
transparent	默认。背景颜色由透明(underlying content will shine through)
initial	将此属性设置为默认值。阅读关于初始
inherit	继承其父元素此属性。阅读关于继承

技术细节

默认值：	透明
返回值：	一个字符串，表示背景颜色
CSS版本	CSS1

更多示例

例

设置的特定的背景颜色<div>元素：

document.getElementById("myDiv").style.backgroundColor = "lightblue";

例

返回一个特定的背景颜色<div>元素：

alert(document.getElementById("myDiv").style.backgroundColor);

例

返回文档的背景色：

alert(document.body.style.backgroundColor);

相关页面

CSS教程： CSS背景

CSS参考： background-color property

HTML DOM参考： background property