Performance test for native js search (v3)

Revision 3 of this benchmark created by Stas Melnikov on August 2, 2015

Description

Preparation HTML

<div class="header">
        <div class="main_container">
                        <nav class="navigation">
                                        <a href="#" class="navigation_link_active">Home</a>
                                        <a href="#" class="navigation_link">About</a>
                                        <a href="#" class="navigation_link">Services</a>
                                        <a href="#" class="navigation_link">Portfolio</a>
                                        <a href="#" class="navigation_link">Contacts </a>
                        </nav>
        </div>
  </div>
  <div class="main_container" id="main">
        <h1 id="element">
                Posts
        </h1>
        <div class="post">
                <div class="left_column">
                        <p class="post_label">Котейка</p>
                </div>
                <div class="right_column">
                        <h1>Lorem Ipsum</h1>
                        <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                        для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                        форм шрифтов, используя Lorem  Ipsum для распечатки образцов. 
                        Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                        для текстов на латинице с начала XVI века. В то время некий  безымянный печатник создал большую коллекцию размеров и 
                        форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                        <div class="post">
                                <div class="left_column">
                                        <p class="post_label">Котейка</p>
                                </div>
                                <div class="right_column">
                                        <h1>Lorem Ipsum</h1>
                                        <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                        для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                                        форм шрифтов, используя Lorem  Ipsum для распечатки образцов. 
                                        Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                        для текстов на латинице с начала XVI века. В то время некий  безымянный печатник создал большую коллекцию размеров и 
                                        форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                                </div>
                                
                                <div class="post">
                                        <div class="left_column">
                                                <p class="post_label">Котейка</p>
                                        </div>
                                        <div class="right_column">
                                                <h1>Lorem Ipsum</h1>
                                                <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                                для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                                                форм шрифтов, используя Lorem  Ipsum для распечатки образцов. 
                                                Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                                для текстов на латинице с начала XVI века. В то время некий  безымянный печатник создал большую коллекцию размеров и 
                                                форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                                        </div>
                                        
                                                <div class="post">
                                                        <div class="left_column">
                                                                <p class="post_label">Котейка</p>
                                                        </div>
                                                        <div class="right_column">
                                                                <h1>Lorem Ipsum</h1>
                                                                <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                                                для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                                                                форм шрифтов, используя Lorem  Ipsum для распечатки образцов. 
                                                                Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                                                для текстов на латинице с начала XVI века. В то время некий  безымянный печатник создал большую коллекцию размеров и 
                                                                форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                                                        </div>
                                                </div>
                                                <div class="end_element">End</div>
                                </div>
                        </div>
                        <div class="post">
                                <div class="left_column">
                                        <p class="post_label">Котейка</p>
                                </div>
                                <div class="right_column">
                                        <h1>Lorem Ipsum</h1>
                                        <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                        для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                                        форм шрифтов, используя Lorem  Ipsum для распечатки образцов. 
                                        Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                        для текстов на латинице с начала XVI века. В то время некий  безымянный печатник создал большую коллекцию размеров и 
                                        форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                                </div>
                                
                                <div class="post">
                                        <div class="left_column">
                                                <p class="post_label">Котейка</p>
                                        </div>
                                        <div class="right_column">
                                                <h1>Lorem Ipsum</h1>
                                                <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                                для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                                                форм шрифтов, используя Lorem  Ipsum для распечатки образцов. 
                                                Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                                для текстов на латинице с начала XVI века. В то время некий  безымянный печатник создал большую коллекцию размеров и 
                                                форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                                        </div>
                                        
                                                <div class="post">
                                                        <div class="left_column">
                                                                <p class="post_label">Котейка</p>
                                                        </div>
                                                        <div class="right_column">
                                                                <h1>Lorem Ipsum</h1>
                                                                <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                                                для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                                                                форм шрифтов, используя Lorem  Ipsum для распечатки образцов. 
                                                                Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                                                для текстов на латинице с начала XVI века. В то время некий  безымянный печатник создал большую коллекцию размеров и 
                                                                форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                                                        </div>
                                                </div>
                                                <div class="end_element">End</div>
                                </div>
                        </div>
                </div>
        </div>
<div class="post">
                <div class="left_column">
                        <p class="post_label">Котейка</p>
                </div>
                <div class="right_column">
                        <h1>Lorem Ipsum</h1>
                        <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                        для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                        форм шрифтов, используя Lorem  Ipsum для распечатки образцов. 
                        Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                        для текстов на латинице с начала XVI века. В то время некий  безымянный печатник создал большую коллекцию размеров и 
                        форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                        <div class="post">
                                <div class="left_column">
                                        <p class="post_label">Котейка</p>
                                </div>
                                <div class="right_column">
                                        <h1>Lorem Ipsum</h1>
                                        <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                        для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                                        форм шрифтов, используя Lorem  Ipsum для распечатки образцов. 
                                        Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                        для текстов на латинице с начала XVI века. В то время некий  безымянный печатник создал большую коллекцию размеров и 
                                        форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                                </div>
                                
                                <div class="post">
                                        <div class="left_column">
                                                <p class="post_label">Котейка</p>
                                        </div>
                                        <div class="right_column">
                                                <h1>Lorem Ipsum</h1>
                                                <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                                для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                                                форм шрифтов, используя Lorem  Ipsum для распечатки образцов. 
                                                Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                                для текстов на латинице с начала XVI века. В то время некий  безымянный печатник создал большую коллекцию размеров и 
                                                форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                                        </div>
                                        
                                                <div class="post">
                                                        <div class="left_column">
                                                                <p class="post_label">Котейка</p>
                                                        </div>
                                                        <div class="right_column">
                                                                <h1>Lorem Ipsum</h1>
                                                                <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                                                для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                                                                форм шрифтов, используя Lorem  Ipsum для распечатки образцов. 
                                                                Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                                                для текстов на латинице с начала XVI века. В то время некий  безымянный печатник создал большую коллекцию размеров и 
                                                                форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                                                        </div>
                                                </div>
                                                <div class="end_element">End</div>
                                </div>
                        </div>
                        <div class="post">
                                <div class="left_column">
                                        <p class="post_label">Котейка</p>
                                </div>
                                <div class="right_column">
                                        <h1>Lorem Ipsum</h1>
                                        <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                        для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                                        форм шрифтов, используя Lorem  Ipsum для распечатки образцов. 
                                        Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                        для текстов на латинице с начала XVI века. В то время некий  безымянный печатник создал большую коллекцию размеров и 
                                        форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                                </div>
                                
                                <div class="post">
                                        <div class="left_column">
                                                <p class="post_label">Котейка</p>
                                        </div>
                                        <div class="right_column">
                                                <h1>Lorem Ipsum</h1>
                                                <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                                для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                                                форм шрифтов, используя Lorem  Ipsum для распечатки образцов. 
                                                Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                                для текстов на латинице с начала XVI века. В то время некий  безымянный печатник создал большую коллекцию размеров и 
                                                форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                                        </div>
                                        
                                                <div class="post">
                                                        <div class="left_column">
                                                                <p class="post_label">Котейка</p>
                                                        </div>
                                                        <div class="right_column">
                                                                <h1>Lorem Ipsum</h1>
                                                                <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                                                для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                                                                форм шрифтов, используя Lorem  Ipsum для распечатки образцов. 
                                                                Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                                                для текстов на латинице с начала XVI века. В то время некий  безымянный печатник создал большую коллекцию размеров и 
                                                                форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                                                        </div>
                                                </div>
                                                <div class="end_element">End</div>
                                </div>
                        </div>
                </div>
        </div>
<div class="post">
                <div class="left_column">
                        <p class="post_label">Котейка</p>
                </div>
                <div class="right_column">
                        <h1>Lorem Ipsum</h1>
                        <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                        для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                        форм шрифтов, используя Lorem  Ipsum для распечатки образцов. 
                        Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                        для текстов на латинице с начала XVI века. В то время некий  безымянный печатник создал большую коллекцию размеров и 
                        форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                        <div class="post">
                                <div class="left_column">
                                        <p class="post_label">Котейка</p>
                                </div>
                                <div class="right_column">
                                        <h1>Lorem Ipsum</h1>
                                        <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                        для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                                        форм шрифтов, используя Lorem  Ipsum для распечатки образцов. 
                                        Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                        для текстов на латинице с начала XVI века. В то время некий  безымянный печатник создал большую коллекцию размеров и 
                                        форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                                </div>
                                
                                <div class="post">
                                        <div class="left_column">
                                                <p class="post_label">Котейка</p>
                                        </div>
                                        <div class="right_column">
                                                <h1>Lorem Ipsum</h1>
                                                <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                                для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                                                форм шрифтов, используя Lorem  Ipsum для распечатки образцов. 
                                                Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                                для текстов на латинице с начала XVI века. В то время некий  безымянный печатник создал большую коллекцию размеров и 
                                                форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                                        </div>
                                        
                                                <div class="post">
                                                        <div class="left_column">
                                                                <p class="post_label">Котейка</p>
                                                        </div>
                                                        <div class="right_column">
                                                                <h1>Lorem Ipsum</h1>
                                                                <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                                                для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                                                                форм шрифтов, используя Lorem  Ipsum для распечатки образцов. 
                                                                Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                                                для текстов на латинице с начала XVI века. В то время некий  безымянный печатник создал большую коллекцию размеров и 
                                                                форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                                                        </div>
                                                </div>
                                                <div class="end_element">End</div>
                                </div>
                        </div>
                        <div class="post">
                                <div class="left_column">
                                        <p class="post_label">Котейка</p>
                                </div>
                                <div class="right_column">
                                        <h1>Lorem Ipsum</h1>
                                        <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                        для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                                        форм шрифтов, используя Lorem  Ipsum для распечатки образцов. 
                                        Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                        для текстов на латинице с начала XVI века. В то время некий  безымянный печатник создал большую коллекцию размеров и 
                                        форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                                </div>
                                
                                <div class="post">
                                        <div class="left_column">
                                                <p class="post_label">Котейка</p>
                                        </div>
                                        <div class="right_column">
                                                <h1>Lorem Ipsum</h1>
                                                <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                                для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                                                форм шрифтов, используя Lorem  Ipsum для распечатки образцов. 
                                                Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                                для текстов на латинице с начала XVI века. В то время некий  безымянный печатник создал большую коллекцию размеров и 
                                                форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                                        </div>
                                        
                                                <div class="post">
                                                        <div class="left_column">
                                                                <p class="post_label">Котейка</p>
                                                        </div>
                                                        <div class="right_column">
                                                                <h1>Lorem Ipsum</h1>
                                                                <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                                                для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                                                                форм шрифтов, используя Lorem  Ipsum для распечатки образцов. 
                                                                Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                                                для текстов на латинице с начала XVI века. В то время некий  безымянный печатник создал большую коллекцию размеров и 
                                                                форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                                                        </div>
                                                </div>
                                                <div class="end_element">End</div>
                                </div>
                        </div>
                </div>
        </div>
<div class="post">
                <div class="left_column">
                        <p class="post_label">Котейка</p>
                </div>
                <div class="right_column">
                        <h1>Lorem Ipsum</h1>
                        <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                        для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                        форм шрифтов, используя Lorem  Ipsum для распечатки образцов. 
                        Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                        для текстов на латинице с начала XVI века. В то время некий  безымянный печатник создал большую коллекцию размеров и 
                        форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                        <div class="post">
                                <div class="left_column">
                                        <p class="post_label">Котейка</p>
                                </div>
                                <div class="right_column">
                                        <h1>Lorem Ipsum</h1>
                                        <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                        для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                                        форм шрифтов, используя Lorem  Ipsum для распечатки образцов. 
                                        Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                        для текстов на латинице с начала XVI века. В то время некий  безымянный печатник создал большую коллекцию размеров и 
                                        форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                                </div>
                                
                                <div class="post">
                                        <div class="left_column">
                                                <p class="post_label">Котейка</p>
                                        </div>
                                        <div class="right_column">
                                                <h1>Lorem Ipsum</h1>
                                                <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                                для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                                                форм шрифтов, используя Lorem  Ipsum для распечатки образцов. 
                                                Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                                для текстов на латинице с начала XVI века. В то время некий  безымянный печатник создал большую коллекцию размеров и 
                                                форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                                        </div>
                                        
                                                <div class="post">
                                                        <div class="left_column">
                                                                <p class="post_label">Котейка</p>
                                                        </div>
                                                        <div class="right_column">
                                                                <h1>Lorem Ipsum</h1>
                                                                <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                                                для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                                                                форм шрифтов, используя Lorem  Ipsum для распечатки образцов. 
                                                                Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                                                для текстов на латинице с начала XVI века. В то время некий  безымянный печатник создал большую коллекцию размеров и 
                                                                форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                                                        </div>
                                                </div>
                                                <div class="end_element">End</div>
                                </div>
                        </div>
                        <div class="post">
                                <div class="left_column">
                                        <p class="post_label">Котейка</p>
                                </div>
                                <div class="right_column">
                                        <h1>Lorem Ipsum</h1>
                                        <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                        для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                                        форм шрифтов, используя Lorem  Ipsum для распечатки образцов. 
                                        Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                        для текстов на латинице с начала XVI века. В то время некий  безымянный печатник создал большую коллекцию размеров и 
                                        форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                                </div>
                                
                                <div class="post">
                                        <div class="left_column">
                                                <p class="post_label">Котейка</p>
                                        </div>
                                        <div class="right_column">
                                                <h1>Lorem Ipsum</h1>
                                                <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                                для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                                                форм шрифтов, используя Lorem  Ipsum для распечатки образцов. 
                                                Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                                для текстов на латинице с начала XVI века. В то время некий  безымянный печатник создал большую коллекцию размеров и 
                                                форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                                        </div>
                                        
                                                <div class="post">
                                                        <div class="left_column">
                                                                <p class="post_label">Котейка</p>
                                                        </div>
                                                        <div class="right_column">
                                                                <h1>Lorem Ipsum</h1>
                                                                <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                                                для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                                                                форм шрифтов, используя Lorem  Ipsum для распечатки образцов. 
                                                                Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                                                для текстов на латинице с начала XVI века. В то время некий  безымянный печатник создал большую коллекцию размеров и 
                                                                форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                                                        </div>
                                                </div>
                                                <div class="end_element">End</div>
                                </div>
                        </div>
                </div>
        </div>
<div class="post">
                <div class="left_column">
                        <p class="post_label">Котейка</p>
                </div>
                <div class="right_column">
                        <h1>Lorem Ipsum</h1>
                        <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                        для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                        форм шрифтов, используя Lorem  Ipsum для распечатки образцов. 
                        Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                        для текстов на латинице с начала XVI века. В то время некий  безымянный печатник создал большую коллекцию размеров и 
                        форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                        <div class="post">
                                <div class="left_column">
                                        <p class="post_label">Котейка</p>
                                </div>
                                <div class="right_column">
                                        <h1>Lorem Ipsum</h1>
                                        <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                        для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                                        форм шрифтов, используя Lorem  Ipsum для распечатки образцов. 
                                        Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                        для текстов на латинице с начала XVI века. В то время некий  безымянный печатник создал большую коллекцию размеров и 
                                        форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                                </div>
                                
                                <div class="post">
                                        <div class="left_column">
                                                <p class="post_label">Котейка</p>
                                        </div>
                                        <div class="right_column">
                                                <h1>Lorem Ipsum</h1>
                                                <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                                для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                                                форм шрифтов, используя Lorem  Ipsum для распечатки образцов. 
                                                Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                                для текстов на латинице с начала XVI века. В то время некий  безымянный печатник создал большую коллекцию размеров и 
                                                форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                                        </div>
                                        
                                                <div class="post">
                                                        <div class="left_column">
                                                                <p class="post_label">Котейка</p>
                                                        </div>
                                                        <div class="right_column">
                                                                <h1>Lorem Ipsum</h1>
                                                                <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                                                для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                                                                форм шрифтов, используя Lorem  Ipsum для распечатки образцов. 
                                                                Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                                                для текстов на латинице с начала XVI века. В то время некий  безымянный печатник создал большую коллекцию размеров и 
                                                                форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                                                        </div>
                                                </div>
                                                <div class="end_element">End</div>
                                </div>
                        </div>
                        <div class="post">
                                <div class="left_column">
                                        <p class="post_label">Котейка</p>
                                </div>
                                <div class="right_column">
                                        <h1>Lorem Ipsum</h1>
                                        <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                        для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                                        форм шрифтов, используя Lorem  Ipsum для распечатки образцов. 
                                        Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                        для текстов на латинице с начала XVI века. В то время некий  безымянный печатник создал большую коллекцию размеров и 
                                        форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                                </div>
                                
                                <div class="post">
                                        <div class="left_column">
                                                <p class="post_label">Котейка</p>
                                        </div>
                                        <div class="right_column">
                                                <h1>Lorem Ipsum</h1>
                                                <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                                для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                                                форм шрифтов, используя Lorem  Ipsum для распечатки образцов. 
                                                Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                                для текстов на латинице с начала XVI века. В то время некий  безымянный печатник создал большую коллекцию размеров и 
                                                форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                                        </div>
                                        
                                                <div class="post">
                                                        <div class="left_column">
                                                                <p class="post_label">Котейка</p>
                                                        </div>
                                                        <div class="right_column">
                                                                <h1>Lorem Ipsum</h1>
                                                                <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                                                для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                                                                форм шрифтов, используя Lorem  Ipsum для распечатки образцов. 
                                                                Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                                                                для текстов на латинице с начала XVI века. В то время некий  безымянный печатник создал большую коллекцию размеров и 
                                                                форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                                                        </div>
                                                </div>
                                                <div class="end_element">End</div>
                                </div>
                        </div>
                </div>
        </div>
</div>

Test runner

(function(){
        var elements = document.body.querySelectorAll(".end_element");
        for(var i = 0, len = elements.length; i < len; i++){
                elements[i].style.border = "3px solid red";
        }
})();

(function(){
        var elements = document.body.querySelectorAll(".end_element");
        for(var i = 0; i < elements.length; i++){
                elements[i].style.border = "3px solid red";
        }
})();

(function(){
        var elements = document.getElementsByClassName("end_element");
        for(var i = 0, len = elements.length; i < len; i++){
                elements[i].style.border = "3px solid red";
        }
})();

(function(){
        var elements = document.getElementsByClassName("end_element");
        for(var i = 0; i < elements.length; i++){
                elements[i].style.border = "3px solid red";
        }
})();

(function(){
        var elements = document.getElementById("main").querySelectorAll(".end_element");
        for(var i = 0, len = elements.length; i < len; i++){
                elements[i].style.border = "3px solid red";
        }
})();

(function(){
        var elements = document.getElementById("main").querySelectorAll(".end_element");
        for(var i = 0; i < elements.length; i++){
                elements[i].style.border = "3px solid red";
        }
})();

Revisions

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

• Revision 3: published by Stas Melnikov on August 2, 2015