javascript - 如何使用javascript获取和比较图像的边框样式

我正在尝试检查页面上的哪些图像具有其样式border: 1px #c6c6c6 solid;

var imgs = document.getElementsByTagName('img');
for (i = 0; i < imgs.length; i++) {
    if (imgs[i].style.border == "1px #c6c6c6 solid") {
        alert(imgs[i].style.border);
    }
}

但我没有收到任何警报。

最佳答案

您的方法非常糟糕。
如果属性的顺序有所更改，则您的if语句将为false，这不是您想要的。

更合理的解决方案是在图像中添加class：

<img src="..." class="with-border">

然后在CSS中：

img.with-border {
    border: 1px solid #C6C6C6;
}

在您的JavaScript中检查图像是否具有特定的class：

var imgs = document.getElementsByTagName('img');
for (i = 0; i < imgs.length; i++) {
    if (-1 !== imgs[i].className.indexOf('with-border')) {
        alert(imgs[i]);
    }
}