style.backgrounColor设置网页背景颜色

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<script type="text/javascript">
function change(){
var bgColor=document.getElementById("txtId").value;//获取输入的颜色值
var _body=document.getElementsByTagName("body");//获取页面属性
_body[0].style.backgroundColor=bgColor;
}
</script>
</style>
<body>

修改背景色: <input type="text" id="txtId"/>
<input type="button"value="change" onclick="change()"/>

</body>
</html>

原文地址:https://www.cnblogs.com/wxhhts/p/8178863.html

时间: 2024-10-17 15:26:48

style.backgrounColor设置网页背景颜色的相关文章

用JS让下拉框改变网页背景颜色

<HTML> <HEAD> <TITLE>石家庄渣浆泵配件</TITLE> </HEAD> <SCRIPT> <!-- function bgChange(selObj) { newColor = selObj.options[selObj.selectedIndex].text; document.bgColor = newColor; selObj.selectedIndex = -1; } //--> </SC

div 背景色设置_DIV背景颜色设置

DIV 背景色设置篇-div背景颜色设置篇 一.div标签内直接设置背景颜色   -   TOP <div style="background:#000; color:#FFF">背景为黑色</div> DIV标签内设置背景色为黑色,字体颜色为白色 div标签内设置背景色截图 通过div标签内设置style设置背景色等CSS样式. 二.外部css设置div背景色   -   TOP 这里为一个对象CSS命名为".divcss5",通过建立外部

jquery入门 修改网页背景颜色

我们在浏览一些网站,尤其是一些小说网站的时候,都会有修改页面背景颜色的地方,这个功能使用jquery很容易实现. 效果图: show you code: <!doctype html> <html> <head> <meta charset="utf-8"> <title>jquery test</title> <script src="jquery-1.11.1.min.js">&

JS实现网页背景颜色与select框中的颜色同时变化

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

Qt中设置widget背景颜色/图片的注意事项(使用样式表 setStyleSheet())

在Qt中设置widget背景颜色或者图片方法很多种:重写paintEvent() , 调色板QPalette , 样式表setStyleSheet等等. 但是各种方法都有其注意事项,如果不注意则很容易陷入麻烦中. 1:setStyleSheet() 这个函数我一直很喜欢使用,因为只要写一句就可以实现效果,比其他方法都简单,但是其却有一个很值得注意的地方,也就是这个地方让我大吃苦头. 亦即:①:该函数只能用于设置有父窗口的子窗口的背景!如果一个窗口没有子窗口,则无法使用该函数来设置背景颜色或图  

Win8.1设置窗口背景颜色为护眼色

注册表法 window+R --->输入regedit(点击确定后进入注册表编辑器) 需要修改以下两个地方,重启电脑生效: [HKEY_CURRENT_USER\Control Panel\Colors] "Window"="202 234 206" [HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Themes\DefaultColors\Standard] "Window&

vs2010设置编辑器背景颜色

在nopad++中,双击选中某个关键字后,在文档中所有出现该关键字的地方都会高亮,非常方便查看在那些地方有调用. VS2010的默认颜色不够明显(尤其是将系统背景色改为 苹果绿保护色(Hue:85, Sat:90, Lum:205)或(204 232 207)时候),主要设置“突出显示的引用”即可. Fonts and Colors→Display items:Highlighted Reference 字体和颜色:显示项:突出显示的引用 设置匹配括号的颜色 by:http://blog.csd

雷林鹏分享:jQuery EasyUI 数据网格 - 条件设置行背景颜色

jQuery EasyUI 数据网格 - 条件设置行背景颜色 本教程将向您展示如何根据一些条件改变数据网格(datagrid)组件的行样式.当 listprice 值大于 50 时,我们将为该行设置不同的颜色. 数据网格(datagrid)的 rowStyler 函数的设计目的是允许您自定义行样式.以下代码展示如何改变行样式: url="data/datagrid_data.json" singleSelect="true" fitColumns="tru

ExtJS4.1.1 设置表格背景颜色 修改文本颜色 在表格中插入图片

由于ExtJS版本不断更新,各种渲染方式也随之有所改变,目前大部分书籍还是停留在3版本,对于ExtJS4.1.1版本的表格渲染,设置表格行背景颜色的方式如下: 首先,定义行的样式: 1.yellow-row .x-grid-cell{ 2  background-color:#FFFF00 !important; 3         } 4  .white-row .x-grid-cell{ 5    background-color:#FFFFFF !important; 6