Javascript 如何内联获取具有特定CSS属性值的元素

我是Js的新手。 我试图从图像数组中获取元素，其中图像的

不透明度设置为
1
。请告诉我怎么可能。
我尝试了
hasaAttribute
，但我不知道如何与
==1
进行比较，因为它给出了意外的结果

   <ul id="fullscreenImagesList">
        <li><span class="fullscrnImgs"></span></li>
       <li> <span class="fullscrnImgs" style="opacity: 1;"></span> </li>
        <li><span class="fullscrnImgs"></span></li>
        <li><span class="fullscrnImgs"></span> </li>
        <li><span class="fullscrnImgs"></span> </li>
    </ul>









现在是Js

var bigImages = [].slice.call(document.getElementsByClassName("fullscrnImgs"));
for (var i = 0; i < bigImages.length; i++) {

        var opac = bigImages[i].getAttribute("opacity");
        console.log(opac);    

    }

var bigmages=[].slice.call（document.getElementsByClassName（“fullscrnImgs”）；
对于（var i=0；i
使用jquery：

var image= $('img[opacity="1"]');

如果您使用的是元素，那么应该使用getAttribute方法

var opac = imageElement.getAttribute("opacity");

[编辑]
确保检查变量是否已定义。这样就行了

if (typeof opac === 'undefined') {
    //opac is defined
}

[编辑2]
如果您正在寻找css样式，请使用

如果您只是在元素的内嵌样式属性中查找
不透明度
属性，如示例所示，那么

bigImages[i].style.opacity

我会成功的

整个解决方案是

var bigImages = document.getElementsByClassName("fullscrnImgs");
for (var i = 0; i < bigImages.length; i++) {
    var opac = bigImages[i].style.opacity;
    console.log(opac);    
}

你在使用jQuery吗？你确定它是一个属性而不是css样式吗？这取决于你的代码，但你可能能够更有效地实现同样的事情，但是没有你的代码我们无法确定。因此，请发布您的代码。您可能需要使用
console.log（一些值）
查看您得到了什么…
opacity
不是一个属性。这是一个CSS属性。当你说“image array”时，你是指HTML
元素的数组吗？
jQuery
有问题吗？但是
opacity
是一个CSS属性，不是一个你可以用这种选择器处理的属性。你可能想解释如何确定属性是否被定义？但它不是一个属性，这是一个CSS属性。如果属性不存在，则
getAttribute
将返回
null
，而不是
未定义的
。尽管所有这些都无关紧要，因为
opacity
不是一个可以通过
getAttribute
检索的属性。请再次检查我的答案。它清楚地显示了如何获取元素的不透明度值。
var bigImages = document.getElementsByClassName("fullscrnImgs");
for (var i = 0; i < bigImages.length; i++) {
    var opac = bigImages[i].style.opacity;
    console.log(opac);    
}

var opac = window.ComputedStyle(bigImages[i]).opacity;