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

Question

我正在尝试检查我页面上的哪些图像具有它们的样式 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);
    }
}

但我没有收到任何警报。

Answer 1

你的做法非常糟糕。
如果属性的顺序以某种方式发生变化，您的 if 语句将为 false 而这不是您想要的。

更合理的解决方案是为图像添加一个类:

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

然后在 CSS 中:

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

在您的 JavaScript 中检查图像是否具有特定的类:

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