title: Styling all elements of Array with For-Loop
body: <p>I have a div with a red border. I would like this border to disappear after lets say 3 seconds when the page is done loading. There are 3 images within this div and I'd like them to be opaque 0.1 after that same time. I tried doing this with a timer but it won't run. I was able to get the border part to work but when I try to do the images it doesn't run and Aptana says there an error where the for loop is. </p>
  
  <pre><code>function setPlaylist(){
      var playlist = document.getElementById('playlist');
      var thumbnails = document.getElementsByClassName('thumb').getElementByTagName('img');
  
      for( var i=0,i&lt;thumbnails.length;i++)
      {
          thumbnails[i].style.opacity = ('0.1');
      }
      playlist.style.border = ('none');
      /*thumbnails.style.opacity = ('0.1');*/
  }
  
  function timerPL(){
      setTimeout(setPlaylist,3000);
  }
  
  
  window.addEventListener('load',timerPL,false);
  </code></pre>