得到元素真实的背景颜色的js代码

2016-02-19 08:56 62 1 收藏

有了下面这个得到元素真实的背景颜色的js代码教程，不懂得到元素真实的背景颜色的js代码的也能装懂了，赶紧get起来装逼一下吧！

【 tulaoshi.com - Web开发】

<html> <head> <title>得到元素真实的背景颜色</title> <style> .classname {background-color:#ff99dd;} #div3 {background-color:#d8bfd8;} div {background-color:#87cefa;border:1px solid #333333;margin:10px;padding:4px;} body {background-color:#bed742;} #div4 {background-color:transparent;} </style> </head> <body> 得到元素真实的背景颜色 By Longbill div1 直接通过div标签定义背景色(#87cefa) div2 通过class name定义背景色(#ff99dd) div3 通过id定义背景色(#d8bfd8) div4 这是一个透明的div，背景色应为上一个元素的颜色(#bed742) <button onclick="go()">getBg()</button></body> </html>
[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

来源:http://www.tulaoshi.com/n/20160219/1588876.html

上一篇：浅析java class 文件
下一篇：兼容IE FF Opera的javascript最短的拖动代码

看过《得到元素真实的背景颜色的js代码》的人还看了以下文章更多>>

jQuery 行背景颜色的交替显示(隔行变色)实现代码

标签： Web开发

一些css的定义，可以根据需要自己选择。 //显示单双行显示不同背景色： // $("#UL_id li:even").attr("className","redClass"); //显示单双行显示不同背景色： $("#UL_id li:even").addClass("redClass"); ul id="UL_id" li单数/li li双数/li li双数/li /ul odd:单 even:双 jQuery 表格隔行变色代码 li隔行换色改进版 JS控制表格隔...

JS实例:网页上图片延迟加载的JS代码

标签： Web开发

效果可以直接看淘宝的商品分类页、还有QQ的商城页相关地址：淘宝商城显示大家如果使用firebug去查看的话就会发现，当你滚动到相应的行时，当前行的图片才即时加载的，这样子的话页面在打开只加可视区域的图片，而其它隐藏的图片则不加载，一定程序上加快了页面加载的速度，对于比较长的页面来说，这个方案是比较好的。 ...

jquery 实现的改变颜色与背景的代码 change(fontsize,

标签： Web开发

change(fn) 在每一个匹配元素的change事件中绑定一个处理函数。 change事件会在元素失去焦点的时候触发，也会当其值在获得焦点后改变时触发。 !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-equi...

JS通用代码:Tab选项卡通用js代码

标签： Web开发

自己一直在用的 js通用选项卡类： !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"headmeta http-equiv="Content-Type" content="text/html; charset=gb2312" /...

符合标准的js表单提交的代码