如何获得一个元素的js获取元素背景颜色色

每次做项目都是red,pink,blue,不仅单调乏味,而且充分暴露了自己三级甲等的英语水平,作为一名有理想,积极向上的程序员,这是果断不能忍的事情,今天刚好写一个用原生js给特定元素随机添加背景色的方法,瞬间让单调的生活丰富多彩起来,有了此方法妈妈再也不用担心我找不到女朋友了。
&!doctype html&
lang="en"&
charset="UTF-8" /&
&Document&
style="width: 200height: 200"&&
ranColor = '#' + ('00000' + (Math.random() * 0x1000000 && 0).toString(16)).slice(-6);
var divArr = document.getElementsByTagName('div');
randColor(divArr, ranColor);
function randColor(arr, color) {
for (var i = 0; i & arr. i++) {
arr[i].style.background =
将代码复制到我们最常的编辑器sublime,打开浏览器,见证奇迹的时刻到了,每次点击刷新都能获得自己从来没有用过的颜色,瞬间变身高富帅,好的到这里你已经掌握了颜色世界的魔法奥义,你可随意的调戏各种颜色,召之即来挥之即去,当然我这里只是以背景色为例,你也可以换成前景色,边框色等等,随你喜欢。
参考知识库
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
访问:4128次
排名:千里之外
原创:24篇
(1)(1)(6)(11)(2)(5)(4)怎么获取图片中的颜色RGB值_百度知道在网页上看到想要的颜色,如何知道这种颜色的颜色代码和 RGB 颜色值?
具体用哪些方法?借助哪些工具?
Mac的话,自带的DigitalColor Meter
我的AHK脚本里面加了这个小功能#p::MouseGetPos, mouseX, mouseYPixelGetColor, color, %mouseX%, %mouseY%, RGBStringRight color,color,6clipboard = %color%tooltip, Pixel color %color% sent to clipboard.sleep 2000tooltip,returnWin+P取鼠标下像素的颜色,取完色会自动拷贝入粘帖板。对于AHK用户,这是最简洁的解决方案。AHK很强大,可以极大的提高你的工作效率。关于AHK,请看善用佳软的专题,。
用photoshop
Chrome&Firefox插件 ColorZilla
这个工具,非常好,可以设置取色快捷键,取色不仅有RGB色,还有十六进制编码,名字叫FSCapture这个工具,非常好,可以设置取色快捷键,取色不仅有RGB色,还有十六进制编码,名字叫FSCapture
说一个简便的方法启动QQ的情况下,按截图快捷键(ctrl+alt+A),鼠标移动到要取色的地方即可看到,如下图:
QQ截图或者Print Screen,贴到画笔里面,取色。
选中想要查看颜色的区域,右键,审查元素(例如关注问题那个按钮):右边黄色区域即为想查看按钮的色值,单击绿色框框处还可以切换色值的各种表达方式:个人觉着挺好用的。审查元素是大杀器,还可以在当前页面编辑页面样式和文字,以供查看。许多浏览器都有审查元素的功能,Chrome,firefox都可以。
我很奇怪为啥没人说Firefox里已经自带了取色工具.....难道是取的颜色不准?如图
已有帐号?
无法登录?
社交帐号登录& & & & 得到元素真实的背景颜色}

我要回帖

更多关于 如何获得list中的元素 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信