getElementsByTagName vs getElementsByClassName (v25)

Revision 25 of this benchmark created on


Preparation HTML

<div class="container">
            <div class="timer " >
            <div class="day">
                <a class="prev" href="#">&lt;</a>Dzisiaj<a class="next" href="#">&gt;</a>
            </div>
            <ul>
                                <li class="hour " id="20150902_0">
                    <span>0.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="0" 
                               data-day="20150902" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour slot-open" id="20150902_1">
                    <span>1.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="1" 
                               data-day="20150902" 
                               data-status="1" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="Wolne">
                    </div>
                    <div class="phones"> 
                    <a href="tel:24234234">24234234</a><br><a href="tel:243234243">243234243</a><br>                    </div>
                </li>    
                                <li class="hour " id="20150902_2">
                    <span>2.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="2" 
                               data-day="20150902" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour slot-open" id="20150902_3">
                    <span>3.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="3" 
                               data-day="20150902" 
                               data-status="1" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="Wolne">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150902_4">
                    <span>4.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="4" 
                               data-day="20150902" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150902_5">
                    <span>5.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="5" 
                               data-day="20150902" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour slot-open" id="20150902_6">
                    <span>6.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="6" 
                               data-day="20150902" 
                               data-status="1" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="Wolne">
                    </div>
                    <div class="phones"> 
                    <a href="tel:234243243">234243243</a><br><a href="tel:243234234">243234234</a><br>                    </div>
                </li>    
                                <li class="hour slot-open" id="20150902_7">
                    <span>7.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="7" 
                               data-day="20150902" 
                               data-status="1" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="Wolne">
                    </div>
                    <div class="phones"> 
                    <a href="tel:123132345">123132345</a><br>                    </div>
                </li>    
                                <li class="hour " id="20150902_8">
                    <span>8.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="8" 
                               data-day="20150902" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150902_9">
                    <span>9.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="9" 
                               data-day="20150902" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour slot-open" id="20150902_10">
                    <span>10.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="10" 
                               data-day="20150902" 
                               data-status="1" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="Wolne">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour slot-open" id="20150902_11">
                    <span>11.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="11" 
                               data-day="20150902" 
                               data-status="1" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="Wolne">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour slot-open" id="20150902_12">
                    <span>12.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="12" 
                               data-day="20150902" 
                               data-status="1" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="Wolne">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150902_13">
                    <span>13.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="13" 
                               data-day="20150902" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour slot-open" id="20150902_14">
                    <span>14.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="14" 
                               data-day="20150902" 
                               data-status="1" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="Wolne">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150902_15">
                    <span>15.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="15" 
                               data-day="20150902" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150902_16">
                    <span>16.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="16" 
                               data-day="20150902" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150902_17">
                    <span>17.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="17" 
                               data-day="20150902" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150902_18">
                    <span>18.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="18" 
                               data-day="20150902" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150902_19">
                    <span>19.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="19" 
                               data-day="20150902" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150902_20">
                    <span>20.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="20" 
                               data-day="20150902" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150902_21">
                    <span>21.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="21" 
                               data-day="20150902" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150902_22">
                    <span>22.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="22" 
                               data-day="20150902" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150902_23">
                    <span>23.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="23" 
                               data-day="20150902" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                            </ul>
        </div>
            <div class="timer hidden" >
            <div class="day">
                <a class="prev" href="#">&lt;</a>Jutro<a class="next" href="#">&gt;</a>
            </div>
            <ul>
                                <li class="hour " id="20150903_0">
                    <span>0.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="0" 
                               data-day="20150903" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150903_1">
                    <span>1.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="1" 
                               data-day="20150903" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150903_2">
                    <span>2.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="2" 
                               data-day="20150903" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour slot-open" id="20150903_3">
                    <span>3.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="3" 
                               data-day="20150903" 
                               data-status="1" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="Wolne">
                    </div>
                    <div class="phones"> 
                    <a href="tel:23424234">23424234</a><br><a href="tel:23424234">23424234</a><br>                    </div>
                </li>    
                                <li class="hour slot-open" id="20150903_4">
                    <span>4.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="4" 
                               data-day="20150903" 
                               data-status="1" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="Wolne">
                    </div>
                    <div class="phones"> 
                    <a href="tel:12334535645">12334535645</a><br>                    </div>
                </li>    
                                <li class="hour " id="20150903_5">
                    <span>5.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="5" 
                               data-day="20150903" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150903_6">
                    <span>6.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="6" 
                               data-day="20150903" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour slot-open" id="20150903_7">
                    <span>7.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="7" 
                               data-day="20150903" 
                               data-status="1" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="Wolne">
                    </div>
                    <div class="phones"> 
                    <a href="tel:2231312312">2231312312</a><br>                    </div>
                </li>    
                                <li class="hour " id="20150903_8">
                    <span>8.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="8" 
                               data-day="20150903" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150903_9">
                    <span>9.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="9" 
                               data-day="20150903" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150903_10">
                    <span>10.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="10" 
                               data-day="20150903" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150903_11">
                    <span>11.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="11" 
                               data-day="20150903" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150903_12">
                    <span>12.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="12" 
                               data-day="20150903" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150903_13">
                    <span>13.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="13" 
                               data-day="20150903" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150903_14">
                    <span>14.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="14" 
                               data-day="20150903" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150903_15">
                    <span>15.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="15" 
                               data-day="20150903" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150903_16">
                    <span>16.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="16" 
                               data-day="20150903" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150903_17">
                    <span>17.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="17" 
                               data-day="20150903" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150903_18">
                    <span>18.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="18" 
                               data-day="20150903" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150903_19">
                    <span>19.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="19" 
                               data-day="20150903" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150903_20">
                    <span>20.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="20" 
                               data-day="20150903" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150903_21">
                    <span>21.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="21" 
                               data-day="20150903" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150903_22">
                    <span>22.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="22" 
                               data-day="20150903" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150903_23">
                    <span>23.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="23" 
                               data-day="20150903" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                            </ul>
        </div>
            <div class="timer hidden" >
            <div class="day">
                <a class="prev" href="#">&lt;</a>Pojutrze<a class="next" href="#">&gt;</a>
            </div>
            <ul>
                                <li class="hour " id="20150904_0">
                    <span>0.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="0" 
                               data-day="20150904" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150904_1">
                    <span>1.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="1" 
                               data-day="20150904" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150904_2">
                    <span>2.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="2" 
                               data-day="20150904" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150904_3">
                    <span>3.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="3" 
                               data-day="20150904" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150904_4">
                    <span>4.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="4" 
                               data-day="20150904" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150904_5">
                    <span>5.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="5" 
                               data-day="20150904" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150904_6">
                    <span>6.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="6" 
                               data-day="20150904" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150904_7">
                    <span>7.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="7" 
                               data-day="20150904" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150904_8">
                    <span>8.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="8" 
                               data-day="20150904" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150904_9">
                    <span>9.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="9" 
                               data-day="20150904" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour slot-open" id="20150904_10">
                    <span>10.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="10" 
                               data-day="20150904" 
                               data-status="1" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="Wolne">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150904_11">
                    <span>11.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="11" 
                               data-day="20150904" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150904_12">
                    <span>12.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="12" 
                               data-day="20150904" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150904_13">
                    <span>13.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="13" 
                               data-day="20150904" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150904_14">
                    <span>14.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="14" 
                               data-day="20150904" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour slot-open" id="20150904_15">
                    <span>15.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="15" 
                               data-day="20150904" 
                               data-status="1" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="Wolne">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150904_16">
                    <span>16.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="16" 
                               data-day="20150904" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150904_17">
                    <span>17.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="17" 
                               data-day="20150904" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150904_18">
                    <span>18.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="18" 
                               data-day="20150904" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150904_19">
                    <span>19.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="19" 
                               data-day="20150904" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150904_20">
                    <span>20.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="20" 
                               data-day="20150904" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150904_21">
                    <span>21.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="21" 
                               data-day="20150904" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150904_22">
                    <span>22.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="22" 
                               data-day="20150904" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                                <li class="hour " id="20150904_23">
                    <span>23.00</span>
                    <div class="input_box"> 
                        <input class="book_button"                          
                               data-slot-number="23" 
                               data-day="20150904" 
                               data-status="" 
                               type="text" 
                               name="phone_number"
                               readonly="readonly"
                               value="">
                    </div>
                    <div class="phones"> 
                                        </div>
                </li>    
                            </ul>
        </div>
    </div>

Test runner

Ready to run.

Testing in
TestOps/sec
getElementsByTagName
document.getElementsByTagName("input");
ready
getElementsByClassName
document.getElementsByClassName("book_button");
ready
li
document.getElementsByTagName("li");
ready
classhour
document.getElementsByClassName("hour");
ready
div
document.getElementsByTagName("div")[1];
ready
phones
document.getElementsByClassName("phones")[0];
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.