Native javascript css properties
 

Ребята, подскажите, пожалуйста,каким образом не сделать выборку элемента, при условии, что у него есть какое-либо css свойство.
Например: на native javascript мне при определенном событии необходимо определять высоту элемента (а таких элементов много и у них одинаковый class). Но только у конкретного элемента, у которого есть свойство: opacity: 1

getComputedStyle

https://learn.javascript.ru/styles-and-classes

При стиле, заданном в html

<div id = "d1" style="opacity:0;"></div>
<div id = "d2" style="opacity:0.5;"></div>
<div id = "d3" style="opacity:1;"></div>
<div id = "d4" style="opacity:0;"></div>
<script>

var it = document.querySelector('div[style*= "opacity:1"]');
alert(it.id);
</script>

Большое спасибо.

Универсальный способ

<style>
.cl1  {opacity:0; }
.cl2  {opacity:0.5; }
.cl3  {opacity:1; }
.cl4  {opacity:0; }
</style>
<div id = "d1" class = "cl4"></div>
<div id = "d2" class = "cl3"></div>
<div id = "d3" class = "cl2"></div>
<div id = "d4" class = "cl1"></div>
<div id = "d5" style="opacity:1;"></div>

<script>
[].forEach.call(document.querySelectorAll('div'), function (it) {
   if(getComputedStyle(it).opacity == 1)   alert(it.id);
});
</script>