title: javascript selectors
body: <p>How does one select DOM elements in javascript?<br />
  Like for example:</p>
  
  <pre><code>&lt;div class="des"&gt;
      &lt;h1&gt;Test&lt;/h1&gt;
          &lt;div class="desleft"&gt;
            &lt;p&gt;Lorem Ipsum.&lt;/p&gt;
          &lt;/div&gt;
          &lt;div class="Right"&gt;
             &lt;button&gt;Test&lt;/button&gt;
          &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Now how do i select <code>h1</code>? This is just a part of a bigger Page, so cannot use <code>getElementsByTagName()</code>, since others might get selected. Also since there might be other <code>h1</code>'s in the document later, i cannot attach the index(body's) to above.</p>
  
  <p>Is there a simple way to select, say <code>&lt;h1&gt;</code> tag which is under the classname of <code>desleft</code>?
  I cannot use jQuery or any other libraries.</p>