Test case details

Preparation Code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"> </script> <script> var $element = {         id: function(name) {return document.getElementById(name)},         tag: function(name) {return document.getElementsByTagName(name)},         class: function(name) {return document.getElementsByClassName(name)},         query: function(name) {return document.querySelectorAll(name)} }; </script> <div>   <ul>     <li>       <a href="#" name="name" class="classname">item 1</a>     </li>     <li>       <a href="#" name="name" class="classname">item 2</a>     </li>     <li>       <a href="#" name="name" class="classname">item 3</a>     </li>     <li>       <a href="#" name="name" class="classname">item 4</a>     </li>     <li>       <a href="#" name="name" class="classname">item 5</a>     </li>     <li>       <a href="#" name="name" class="classname">item 6</a>     </li>     <li>       <a href="#" name="name" class="classname">item 7</a>     </li>     <li>       <a href="#" name="name" class="classname">item 8</a>     </li>     <li>       <a href="#" name="name" class="classname">item 9</a>     </li>     <li>       <a href="#" name="name" class="classname">item 10</a>     </li>   </ul> </div> <script>   var nodes; </script>

Test cases

Test #1

nodes = document.getElementsByClassName('classname');

Test #2

nodes = $element.class('classname');

Test #3

nodes = $(".classname");