Test case details

Preparation Code

<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>     <li>       <a href="#" name="name" class="classname2">item 1</a>     </li>     <li>       <a href="#" name="name" class="classname2">item 1</a>     </li>     <li>       <a href="#" name="name" class="classname2">item 1</a>     </li>     <li>       <a href="#" name="name" class="classname2">item 1</a>     </li>     <li>       <a href="#" name="name" class="classname2">item 1</a>     </li>     <li>       <a href="#" name="name" class="classname2">item 1</a>     </li>     <li>       <a href="#" name="name" class="classname2">item 1</a>     </li>     <li>       <a href="#" name="name" class="classname2">item 1</a>     </li>     <li>       <a href="#" name="name" class="classname">item 1</a>     </li>     <li>       <a href="#" name="name" class="classname2">item 1</a>     </li>     <li>       <a href="#" name="name" class="classname2">item 1</a>     </li>     <li>       <a href="#" name="name" class="classname2">item 1</a>     </li>     <li>       <a href="#" name="name" class="classname2">item 1</a>     </li>     <li>       <a href="#" name="name" class="classname3">item 1</a>     </li>     <li>       <a href="#" name="name" class="classname3">item 1</a>     </li>     <li>       <a href="#" name="name" class="classname3">item 1</a>     </li>     <li>       <a href="#" name="name" class="classname3">item 1</a>     </li>     <li>       <a href="#" name="name" class="classname3">item 1</a>     </li>     <li>       <a href="#" name="name" class="classname3">item 1</a>     </li>     <li>       <a href="#" name="name" class="classname3">item 1</a>     </li>     <li>       <a href="#" name="name" class="classname">item 1</a>     </li>     <li>       <a href="#" name="name" class="classname">item 1</a>     </li>     <li>       <a href="#" name="name" class="classname">item 1</a>     </li>     <li>       <a href="#" name="name" class="classname">item 1</a>     </li>     <li>       <a href="#" name="name" class="classname">item 1</a>     </li>     <li>       <a href="#" name="name" class="classname">item 1</a>     </li>     <li>       <a href="#" name="name" class="classname">item 1</a>     </li>     <li>       <a href="#" name="name" class="classname">item 1</a>     </li>     <li>       <a href="#" name="name" class="classname">item 1</a>     </li>   </ul> </div>

Test cases

Test #1

var nodes = document.getElementsByClassName('classname');

Test #2

var nodes = document.querySelectorAll('.classname');