javascript - 获取动态图像的边框颜色然后打印它

标签 javascript html css

我一直想知道是否可以完成这样的操作以及需要哪种语言。

假设我有一张带有 border:1px solid #333

的图片
+------------+
|            |
|   image    | 
|   border   |
|   is       |
|   #333;    |
|            |
+------------+

页面刷新后,它会自动更新为另一个颜色不同的图像。现在,是否有可能以某种方式识别图像边框的 1px (#333),然后打印该颜色?

最佳答案

您不需要使用 jQuery 来执行此操作。

使用 getComputedStyle() 的纯 JS 方法和 getPropertyValue()

jsFiddle example

el_style = window.getComputedStyle(document.getElementById('some_element'));
el_border_color = el_style.getPropertyValue('border-color');

alert(el_border_color); //"rgb(255,0,0)"

关于javascript - 获取动态图像的边框颜色然后打印它,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20695820/

相关文章:

javascript - Node 使用 ObjectionJS 和 Knex,一对多,从多表中返回第一个相关行

javascript - 容器中文本的无限滑动动画

javascript - 使 .active 类在 slider 上加载

javascript - 在 Firebase 中使用 Push() 不起作用

javascript - Redux 和 immutable js,我在尝试使用 immutable 后失去了状态

html - 在 "Miniport"html5 模板中居中 DIV

html - 影响标题文本的 Css 背景覆盖

javascript - 修改jquery isotope添加的内联样式

jquery - 一种清除 :hover in a drop-down menu on a touch-screen? 的方法

javascript - 如何在不滚动内容的情况下删除滚动条?