title: How to getelement by class?
body: <p>I am trying to code a way using webBrowser1 to get a hold of of a download link via href, but the problem is I must find it using its class name.</p>
  
  <pre><code>&lt;body&gt;
  &lt;iframe scrolling="no" frameborder="0" allowtransparency="true" tabindex="0" name="twttrHubFrame" style="position: absolute; top: -9999em; width: 10px; height: 10px;" src="http://platform.twitter.com/widgets/hub.html"&gt;
  ‌¶
  &lt;div id="main"&gt;
  ‌¶‌→
  &lt;div id="header"&gt;
  &lt;div style="float:left;"&gt;
  ‌¶‌→
  &lt;div id="content"&gt;
  ‌¶‌→
  &lt;h1 style="background-image:url('http://static.mp3skull.com/img/bgmen.JPG'); background-repeat:repeat-x;"&gt;Rush‌·Mp3‌·Download&lt;/h1&gt;
  ‌¶‌→
  &lt;a id="bitrate" onclick="document.getElementById('ofrm').submit(); return false;" rel="nofollow" href=""&gt;
  &lt;form id="ofrm" method="POST" action=""&gt;
  ‌¶‌→‌¶‌→‌→
  &lt;div id="song_html" class="show1"&gt;
  ‌¶‌→‌→‌→
  &lt;div class="left"&gt;
  ‌¶‌→‌→‌→
  &lt;div id="right_song"&gt;
  ‌¶‌→‌→‌→‌→
  &lt;div style="font-size:15px;"&gt;
  ‌¶‌→‌→‌→‌→
  &lt;div style="clear:both;"&gt;&lt;/div&gt;
  ‌¶‌→‌→‌→‌→
  &lt;div style="float:left;"&gt;
  ‌¶‌→‌→‌→‌→‌→
  &lt;div style="float:left; height:27px; font-size:13px; padding-top:2px;"&gt;
  ‌¶‌→‌→‌→‌→‌→‌→
  &lt;div style="float:left; width:27px; text-align:center;"&gt;
  ‌¶‌→‌→‌→‌→‌→‌→
  &lt;div style="margin-left:8px; float:left;"&gt;
  &lt;a style="color:green;" target="_blank" rel="nofollow" href="http://dc182.4shared.com/img/1011303409/865387c9/dlink__2Fdownload_2F6QmedN8H_3Ftsid_3D20111211-54337-a79f8d10/preview.mp3"&gt;Download&lt;/a&gt;
  &lt;/div&gt;
  ‌·‌¶‌→‌→‌→‌→‌→‌→
  &lt;div style="margin-left:8px; float:left;"&gt;
  ‌¶‌→‌→‌→‌→‌→‌→
  &lt;div style="margin-left:8px; float:left;"&gt;
  ‌·‌¶‌→‌→‌→‌→‌→‌→
  &lt;div style="clear:both;"&gt;&lt;/div&gt;
  ‌¶‌→‌→‌→‌→‌→
  &lt;/div&gt;
  ‌¶‌→‌→‌→‌→‌→
  &lt;div id="player155580779" class="player" style="float:left; margin-left:10px;"&gt;&lt;/div&gt;
  ‌¶‌→‌→‌→‌→
  &lt;/div&gt;
  ‌→‌¶‌→‌→‌→‌→
  &lt;div style="clear:both;"&gt;&lt;/div&gt;
  ‌¶‌→‌→‌→
  &lt;/div&gt;
  ‌¶‌→‌→‌→
  &lt;div style="clear:both;"&gt;&lt;/div&gt;
  ‌¶‌→‌→
  &lt;/div&gt;
  </code></pre>
  
  <p>I looked and searched all over google, but I found PHP examples?</p>
  
  <p>I understand you would do something along the lines of this</p>
  
  <pre><code>HtmlElement downloadlink = webBrowser1.Document.GetElementById("song_html").All[0];
  URL = downloadlink.GetAttribute("href");
  </code></pre>
  
  <p>but I do not understand how to do it by the class "show1".</p>
  
  <p>Please point me in the right direction with examples and/or a website I can visit so I can learn how to do this as I searched and have no clue.</p>
  
  <p>EDIT: I pretty much need the href link ("http://dc182.4shared.com/img/1011303409/865387c9/dlink__2Fdownload_2F6QmedN8H_3Ftsid_3D20111211-54337-a79f8d10/preview.mp3"), so how would I obtain it?</p>