title: Style an array of elements that have a specific computed css property value
body: <p><strong>What I want to achieve:</strong>
  All children with an opacity of 0.01 get an increment of 1 in their opacity values.</p>
  
  <p><strong>Problem:</strong> As you can see below, this is as far as I got. I cant figure out how to tell js to select all those children elements based on a computed value and add some style to them. I looped through them and got their indexes, as well as their computed values but that is where im stuck now.</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code> &lt;div id='a'&gt;
      &lt;span&gt;How&lt;/span&gt;
      &lt;span&gt;are&lt;/span&gt;
      &lt;span&gt;you?&lt;/span&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p><strong>JS:</strong></p>
  
  <pre><code>var elem = document.getElementById('a');
  for (i = 0; i &lt; 10; i++) {
      var x = window.getComputedStyle(elem.children[i], null).getPropertyValue('opacity');
      parseFloat(x)[i]
  }
  </code></pre>
  
  <p><strong>Question:</strong> How do I add some style to an array of elements that have a specific computed value of a property?</p>