HTML DOM中的backgroundColor属性用于设置或返回元素的背景色。

用法:

object.style.backgroundColor

它返回元素的背景色。

object.style.backgroundColor = "color|transparent|initial|

inherit"

用于设置元素的背景色。

参数：backgroundColot属性接受四个参数

color:该绳索保留背景色。

transparent:默认情况下，背景色是透明的。

initial:将此属性设置为默认值

inherit:从其父元素继承属性

范例1：

Style backgroundColor Property

/* script to set background color */

function geeks() {

document.body.style.backgroundColor =

"lightgreen";

}

GeeksForGeeks

Style backgroundColor Property

Submit

输出：

之前：

后：

范例2：

Style backgroundColor Property

#geeks {

width:250px;

height:100px;

background-color:coral;

}

GeeksForGeeks

DOM Style backgroundColor Property

Submitt

GeeksForGeeks

function geeks() {

document.getElementById("geeks").style.backgroundColor =

"lightgreen";

}

输出：

之前：

后：

支持的浏览器：下面列出了DOM样式backgroundColor属性支持的浏览器：

Chrome 1.0

Internet Explorer4.0

Firefox 1.0

Safari 1.0

Opera 3.5

html body background color,HTML Style backgroundColor用法及代码示例相关推荐

html 去除max-height,HTML Style maxHeight用法及代码示例
maxHeight属性设置/返回元素的最大高度. maxHeight属性仅影响block-level元素,绝对或固定位置元素. 用法: 它用于设置maxHeight属性: object.style.m ...
html高度style,HTML Style minHeight用法及代码示例
HTML DOM中的minHeight属性用于设置或返回元素的最小高度.此属性仅影响block-level元素,绝对或固定位置元素. 用法: 它返回minHeight属性.object.style.m ...
html 代码 border,HTML Style border用法及代码示例
DOM样式的border属性用于设置或返回元素边框的样式.我们可以为各个侧面(顶部,右侧,底部,左侧)设置不同的边框样式. border-style属性的每一侧都可以采用多个值. 用法: 它用于返回S ...
html代码style图片width,HTML Style columnWidth用法及代码示例
DOM中的columnWidth属性用于指定列的宽度. 用法: 返回columnWidth属性: object.style.columnWidth 设置columnWidth属性: object.st ...
HTML用于定义宽度的是,HTML Style columnRuleWidth用法及代码示例
HTML DOM中的Style columnRuleWidth属性用于定义或确定列之间的规则宽度. 用法: 它返回columnRuleWidth属性.object.style.columnRuleWi ...
html word-break,HTML Style wordBreak用法及代码示例
DOM样式wordBreak属性用于设置或返回word-break属性. word-break属性用于指定在行尾到达单词时如何中断单词.文本中的换行符可以出现在特定的wordBreak属性中. 用法: ...
python numpy allclose用法及代码示例
python numpy allclose用法及代码示例用法: numpy.allclose(a, b, rtol=1e-05, atol=1e-08, equal_nan=False) 如果两个数 ...
PostgreSQL REGEXP_REPLACE用法及代码示例
PostgreSQL REGEXP_REPLACE用法及代码示例: 原文链接:https://vimsky.com/examples/usage/postgresql-regexp_replace-f ...
html onfoucs状态事件,HTML onfocusin事件用法及代码示例
当元素获得焦点时,将发生HTML DOM onfocusin事件. onfocusin与onfocus相同,唯一的区别是onfocus事件不会冒泡. 如果要确定某个元素或其子元素是否获得焦点,则应使用 ...

html body background color,HTML Style backgroundColor用法及代码示例

GeeksForGeeks

html body background color,HTML Style backgroundColor用法及代码示例相关推荐

最新文章

热门文章