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

我一直在想，这样的行动是否可能完成，需要哪种语言

让我们假设我有一个带有

边框的图像：1px solid#333

+------------+
|            |
|   image    | 
|   border   |
|   is       |
|   #333;    |
|            |
+------------+

---

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

在jQuery中，您可以通过以下方式获得边框颜色：

var color = $('#img').css("border-color");

以rgb格式返回结果（例如rgb（44,44,44）） 以十六进制返回结果（例如#ff0000）

函数到_十六进制（颜色）{
var chars=/（.*）rgb\（\d+）、（\d+）、（\d+）/.exec（颜色）；
var red=parseInt（chars[2]）；
var green=parseInt（字符[3]）；
var blue=parseInt（字符[4]）；
var rgb=blue |（green使用jQuery。假设图像使用以下HTML：

<img id="myImage" src="foo.jpg" alt="foo" />

可以使用jQuery获取边框的颜色，然后将其写入HTML元素

var imgBorderColor = $('img').css('border-color');
$('#output').html(imgBorderColor);


这将以RGB形式输出颜色。如果需要十六进制，请参阅。
不需要使用jQuery来完成此操作。

纯JS方法使用and
getPropertyValue（）


在浏览器中查看开发者控制台。最后是理性之声！感谢您提供唯一的JS解决方案，尽管讽刺的是，这正是我们所要求的。OP没有要求jQuery！！OP没有要求jQuery！！
<img id="myImage" src="foo.jpg" alt="foo" />

$('#myImage').css('border-color')

var imgBorderColor = $('img').css('border-color');
$('#output').html(imgBorderColor);

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

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