title: Selecting a div by classname
body: <p>I got this div...</p>
  
  <pre><code>&lt;div tabindex="0" class="button-base inline-block button aw-btn button-base-active"&gt;
      &lt;input type="text" tabindex="-1" style="opacity: 0; height: 1px; width: 1px; z-index: -1; overflow-x: hidden; overflow-y: hidden; position: absolute; "&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>in the middle of my page, it has no id and I am unable to edit the pages HTML, I am also no able to use jQuery. Also trying to do it with IE7 and IE8.</p>
  
  <p>Nightmare here :)</p>
  
  <p>The solution would be document.getElementsByClassName but that is not ie7 and ie8 compatible.</p>
  
  <p>This div is buried in about 10 divs, all of which are similar style with no id's etc. The classes on this div are unique!</p>
  
  <p>The only solution I can see is to get ALL divs and loop them looking for hasAttriutes similar.</p>
  
  <p>Anyone have a better idea?</p>