title: How to get DOM elements by class, id, selectors and properties
body: <p>How can I get DOM elements by class, id, selectors (<code>div &gt; .my-i</code>) and properties like in jQuery?</p>
  
  <p>For example:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="myClass" style="width:200px"&gt;
  &lt;span id="pop"&gt;test&lt;/span&gt;
  &lt;div&gt;
    &lt;i&gt;aaa&lt;/i&gt;
    &lt;i class="my-i"&gt;bbb&lt;/i&gt;
    &lt;i class="my-i"&gt;ccc&lt;/i&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I need to get:</p>
  
  <ol>
  <li>value 200px by class</li>
  <li>text 'test' by id </li>
  <li>all  by class="my-i"</li>
  </ol>
  
  <p>What's the best way?</p>