Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
querySelector vs getElementsByClassName
(version: 0)
querySelector vs getElementsByClassName
Comparing performance of:
querySelector vs getElementsByClassName
Created:
3 years ago
by:
Registered User
Jump to the latest result
HTML Preparation code:
<!DOCTYPE html> <html class="page no-js" lang="ru"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="format-detection" content="telephone=no"> <meta name="format-detection" content="date=no"> <meta name="format-detection" content="address=no"> <meta name="format-detection" content="email=no"> <meta content="notranslate" name="google"> <title>Все о лечении</title> <meta name="description" content=""> <link rel="stylesheet" href="css/style.css"> <script> document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); function cth(c) { document.documentElement.classList.add(c) } 'ontouchstart' in window ? cth('touch') : cth('no-touch'); if (typeof InstallTrigger !== 'undefined') cth('firefox'); if (/constructor/i.test(window.HTMLElement) || (function(p) { return p.toString() === "[object SafariRemoteNotification]" })(!window['safari'] || (typeof safari !== 'undefined' && safari.pushNotification))) cth('safari'); if ( /*@cc_on!@*/ false || !!document.documentMode) cth('ie'); if (!( /*@cc_on!@*/ false || !!document.documentMode) && !!window.StyleMedia) cth('edge'); if (!!window.chrome && (!!window.chrome.webstore || !!window.chrome.runtime)) cth('chrome'); if (~navigator.appVersion.indexOf("Win")) cth('windows'); if (~navigator.appVersion.indexOf("Mac")) cth('osx'); if (~navigator.appVersion.indexOf("Linux")) cth('linux'); </script> </head> <body><noscript>У вас отключен JavaScript. Это пугает.</noscript> <div class="off-canvas" id="off-canvas"> <aside class="off-canvas__aside" role="complementary" aria-label="Меню"> <nav class="main-nav nav--aside" id="nav-aside"> <div class="main-nav__inner"> <!-- if (attributes.id === 'nav-add')--> <!-- +burger('Показать дополнительное меню', 'nav-add', 'main-nav--open')(class='main-nav__toggler')--> <ul class="main-nav__list"> <li class="main-nav__item"><a class="main-nav__link" href="/pay"><span data-content="">Оплата</span></a></li> <li class="main-nav__item"><a class="main-nav__link" href="/delivery"><span data-content="">Доставка</span></a></li> <li class="main-nav__item"><a class="main-nav__link" href="/garanty"><span data-content="">Гарантия</span></a></li> <li class="main-nav__item"><a class="main-nav__link" href="/test-drive"><span data-content="">Тест-драйв</span></a></li> <li class="main-nav__item"><a class="main-nav__link" href="/tradein"><span data-content="">Trade-in</span></a></li> <li class="main-nav__item"><a class="main-nav__link" href="/service"><span data-content="">Сервис</span></a></li> <li class="main-nav__item"><a class="main-nav__link" href="/coop"><span data-content="">Сотрудничество</span></a></li> </ul> </div> </nav><button class="burger off-canvas__close burger--closed burger--closed" aria-label="Закрыть дополнительное меню" data-target-id="off-canvas" data-target-class-toggle="off-canvas--open"></button> </aside> <div class="off-canvas__overlay" data-toggle="off-canvas"></div> </div> <div class="page__inner page-cure"> <div class="page__content"> <header class="page-header text-black" role="banner"> <div class="page-header__inner container"><a class="logo" href="/"><img src="img/logo.png" alt="Logo" width="120" height="16"></a><button class="burger off-canvas__toggler hidden lg_block mr-15px" aria-label="Показать дополнительное меню" data-target-id="off-canvas" data-target-class-toggle="off-canvas--open"></button> <nav class="main-nav hidden lg_block nav--main" id="nav"> <div class="main-nav__inner"> <!-- if (attributes.id === 'nav-add')--> <!-- +burger('Показать дополнительное меню', 'nav-add', 'main-nav--open')(class='main-nav__toggler')--> <ul class="main-nav__list"> <li class="main-nav__item main-nav__item--has-child"><a class="main-nav__link" href="/catalog"><span data-content="Каталог">Каталог</span></a> <div class="main-nav__sublist-wrapper main-nav__sublist-wrapper--lvl-2"> <ul class="main-nav__list main-nav__list--lvl-2"> <div class="main-nav__sublist-header"><span>Каталог</span></div> <li class="main-nav__item main-nav__item--lvl-2"><a class="main-nav__link main-nav__link--lvl-2" href="catalog/1"><span data-content="">Каталог 1</span></a></li> <li class="main-nav__item main-nav__item--lvl-2"><a class="main-nav__link main-nav__link--lvl-2" href="catalog/2"><span data-content="">Каталог 2</span></a></li> <li class="main-nav__item main-nav__item--lvl-2"><a class="main-nav__link main-nav__link--lvl-2" href="catalog/3"><span data-content="">Каталог 3</span></a></li> </ul> </div> </li> <li class="main-nav__item"><a class="main-nav__link" href="/cure"><span data-content="Всё о лечении">Всё о лечении</span></a></li> <li class="main-nav__item main-nav__item--has-child"><a class="main-nav__link" href="/about"><span data-content="О компании">О компании</span></a> <div class="main-nav__sublist-wrapper main-nav__sublist-wrapper--lvl-2"> <ul class="main-nav__list main-nav__list--lvl-2"> <div class="main-nav__sublist-header"><span>О компании</span></div> <li class="main-nav__item main-nav__item--lvl-2"><a class="main-nav__link main-nav__link--lvl-2" href="about/1"><span data-content="">Наша дятельность</span></a></li> <li class="main-nav__item main-nav__item--lvl-2"><a class="main-nav__link main-nav__link--lvl-2" href="about/2"><span data-content="">Учёный совет</span></a></li> <li class="main-nav__item main-nav__item--lvl-2"><a class="main-nav__link main-nav__link--lvl-2" href="about/3"><span data-content="">Клинические базы</span></a></li> <li class="main-nav__item main-nav__item--lvl-2"><a class="main-nav__link main-nav__link--lvl-2" href="about/3"><span data-content="">Спортивные базы</span></a></li> <li class="main-nav__item main-nav__item--lvl-2"><a class="main-nav__link main-nav__link--lvl-2" href="about/3"><span data-content="">История</span></a></li> <li class="main-nav__item main-nav__item--lvl-2"><a class="main-nav__link main-nav__link--lvl-2" href="about/3"><span data-content="">Нематериальные активы</span></a></li> <li class="main-nav__item main-nav__item--lvl-2"><a class="main-nav__link main-nav__link--lvl-2" href="about/3"><span data-content="">Патенты и свидетельства</span></a></li> <li class="main-nav__item main-nav__item--lvl-2"><a class="main-nav__link main-nav__link--lvl-2" href="about/3"><span data-content="">Образование и обучение</span></a></li> <li class="main-nav__item main-nav__item--lvl-2"><a class="main-nav__link main-nav__link--lvl-2" href="about/3"><span data-content="">Новости</span></a></li> </ul> </div> </li> <li class="main-nav__item"><a class="main-nav__link" href="/reviews"><span data-content="Отзывы">Отзывы</span></a></li> <li class="main-nav__item"><a class="main-nav__link" href="/contacts"><span data-content="Контакты">Контакты</span></a></li> </ul> </div> </nav><button class="burger main-nav__toggler burger--animated order-3 lg_hidden" aria-label="Показать мобильное меню" data-target-id="nav-mobile" data-target-class-toggle="main-nav--open"></button> <nav class="main-nav lg_hidden order-last nav--mobile" id="nav-mobile"> <div class="main-nav__inner" style="display: none;"> <!-- if (attributes.id === 'nav-add')--> <!-- +burger('Показать дополнительное меню', 'nav-add', 'main-nav--open')(class='main-nav__toggler')--> <ul class="main-nav__list"> <li class="main-nav__item main-nav__item--has-child"><a class="main-nav__link" href="/catalog"><span data-content="">Каталог</span></a> <div class="main-nav__sublist-wrapper main-nav__sublist-wrapper--lvl-2"> <ul class="main-nav__list main-nav__list--lvl-2"> <li class="main-nav__item main-nav__item--lvl-2"><a class="main-nav__link main-nav__link--lvl-2" href="catalog/1"><span data-content="">Каталог 1</span></a></li> <li class="main-nav__item main-nav__item--lvl-2"><a class="main-nav__link main-nav__link--lvl-2" href="catalog/2"><span data-content="">Каталог 2</span></a></li> <li class="main-nav__item main-nav__item--lvl-2"><a class="main-nav__link main-nav__link--lvl-2" href="catalog/3"><span data-content="">Каталог 3</span></a></li> </ul> </div> </li> <li class="main-nav__item"><a class="main-nav__link" href="/tech"><span data-content="">Технологии</span></a></li> <li class="main-nav__item"><a class="main-nav__link" href="/cure"><span data-content="">Всё о лечении</span></a></li> <li class="main-nav__item main-nav__item--has-child"><a class="main-nav__link" href="/about"><span data-content="">О компании</span></a> <div class="main-nav__sublist-wrapper main-nav__sublist-wrapper--lvl-2"> <ul class="main-nav__list main-nav__list--lvl-2"> <li class="main-nav__item main-nav__item--lvl-2"><a class="main-nav__link main-nav__link--lvl-2" href="about/1"><span data-content="">О компании 1</span></a></li> <li class="main-nav__item main-nav__item--lvl-2"><a class="main-nav__link main-nav__link--lvl-2" href="about/2"><span data-content="">О компании 2</span></a></li> <li class="main-nav__item main-nav__item--lvl-2"><a class="main-nav__link main-nav__link--lvl-2" href="about/3"><span data-content="">О компании 3</span></a></li> </ul> </div> </li> <li class="main-nav__item"><a class="main-nav__link" href="/reviews"><span data-content="">Отзывы</span></a></li> <li class="main-nav__item"><a class="main-nav__link" href="/contacts"><span data-content="">Контакты</span></a></li> <li class="main-nav__item"><a class="main-nav__link" href="/service"><span data-content="">Сервис</span></a></li> <li class="main-nav__item"><a class="main-nav__link" href="/customers"><span data-content="">Покупателям</span></a></li> <li class="main-nav__item"><a class="main-nav__link" href="/work"><span data-content="">Сотрудничество</span></a></li> </ul> <div class="nav__info flex items-center"> <div class="contact-info mr-auto"> <div class="phone text-xl"><a href="tel:+78002005730">8 800 200 57 30</a></div> <div class="hours text-sm text-gray-500"><span>пн-пт</span><span>10:00 - 18:00</span></div> </div> <div class="lang-btns"><button class="btn btn--lang mr-8px" data-name="ru">Ru</button><button class="btn btn--lang" data-name="en">Eng</button></div> </div> </div> </nav> <form class="search-form" action="/poisk/"> <div class="search-form__input-wrapper"><input class="search-form__input" type="text" placeholder="Введите ваш поисковой запрос" name="q" /><button class="action-btn action-btn--search search-form__btn" id="btnSearch" type="button"> <div class="action-btn__inner"><svg width="21" height="20" aria-hidden="true" focusable="false"> <use xlink:href="/img/sprite.svg#search"></use> </svg></div> </button></div> </form><button class="action-btn action-btn--user mr-18px lg_mr-15px"> <div class="action-btn__inner"><svg width="18" height="20" aria-hidden="true" focusable="false"> <use xlink:href="/img/sprite.svg#user"></use> </svg></div> </button> <div class="switcher__wrapper items-center h-full font-medium flex-shrink-0 mr-25px hidden xxl_block text-lg" id="switcherLangTop"> <div class="relative dropdown"> <div class="switcher dropdown-toggle flex items-center space-x-1 cursor-pointer active after_right-2.5" id="dropdownMenuLink_XXX" data-bs-toggle="dropdown" aria-expanded="false"> <div class="switcher__value w-full text-inherit leading-8 pl-10px pr-15px"><span>Ru</span></div> </div> <div class="switcher__select dropdown-menu text-inherit" aria-labelledby="dropdownMenuLink"> <li class="switcher__item" data-name="ru" data-value=""><span>Ru</span></li> <li class="switcher__item" data-name="en" data-value=""><span>En</span></li> <li class="switcher__item" data-name="ch" data-value=""><span>Ch</span></li> </div> </div> </div> <div class="contact-info hidden xl_block"> <div class="phone text-xl"><a href="tel:+78002005730">8 800 200 57 30</a></div> <div class="hours text-sm text-gray-500"><span>пн-пт</span><span>10:00 - 18:00</span></div> </div> </div> </header> <div class="wrapper"> <ul class="breadcrumbs container" aria-label="Breadcrumb" role="navigation"> <li class="breadcrumbs__item"><a href="#">Главная</a></li> <li class="breadcrumbs__item"><span>Все о лечении</span></li> </ul> <div class="bx-basket bx-opener" id="bx_basketFKauiI"> <div class="cart-aside hidden xl_block"> <div class="cart-aside__inner"> <div class="cart" href="#"> <div class="cart__inner"><a class="flex cart__icon-wrapper" href="#"> <div class="cart__icon"><svg width="20" height="21" aria-hidden="true" focusable="false"> <use xlink:href="/img/sprite.svg#bag"></use> </svg></div> <div class="cart__section text-left"> <div class="cart__section-inner ml-16px pr-20px"> <div class="cart__goods"><span>1</span> товар на сумму</div> <div class="cart__sum">74600 Р</div> </div> </div> </a> <div class="cart__section cart__section--fav"> <div class="cart__section-inner px-20px"> <div class="cart__section-btn"><button><svg width="20" height="18" aria-hidden="true" focusable="false"> <use xlink:href="/img/sprite.svg#heart-full"></use> </svg></button></div> </div> </div> <div class="cart__section cart__section--compare after_hidden"> <div class="cart__section-inner px-20px border-0"> <div class="cart__section-btn"><button><svg width="16" height="21" aria-hidden="true" focusable="false"> <use xlink:href="/img/sprite.svg#arrows-left-right"></use> </svg></button></div> </div> </div> </div> </div> </div> </div> </div> <section class="cure mt-30px lg_mt-20px lg_mb-128px"> <div class="container"> <h1 class="section__title mb-20px">Все о лечении</h1> <div class="cure__content mt-20px lg_mt-40px lg_mb-70px"> <div class="article-index cure__article-index"> <div class="p-20px lg_pt-40px xxl_pl-30px bg-slate-200 lg_bg-transparent rounded-10px lg_border lg_border-gray-200"> <div class="article-index__letter-active"><span>А</span></div> <ul class="article-index__alphabet"> <li><a class="article-index__letter active" href="/">А</a></li> <li><a class="article-index__letter" href="/">Б</a></li> <li><a class="article-index__letter" href="/">В</a></li> <li><a class="article-index__letter" href="/">Г</a></li> <li><a class="article-index__letter" href="/">Д</a></li> <li><a class="article-index__letter" href="/">Е</a></li> <li><a class="article-index__letter" href="/">Ж</a></li> <li><a class="article-index__letter" href="/">З</a></li> <li><a class="article-index__letter" href="/">И</a></li> <li><a class="article-index__letter" href="/">К</a></li> <li><a class="article-index__letter" href="/">Л</a></li> <li><a class="article-index__letter" href="/">М</a></li> <li><a class="article-index__letter" href="/">Н</a></li> <li><a class="article-index__letter" href="/">О</a></li> <li><a class="article-index__letter" href="/">П</a></li> <li><a class="article-index__letter" href="/">Р</a></li> <li><a class="article-index__letter" href="/">С</a></li> <li><a class="article-index__letter" href="/">Т</a></li> <li><a class="article-index__letter" href="/">У</a></li> <li><a class="article-index__letter" href="/">Ф</a></li> <li><a class="article-index__letter" href="/">Х</a></li> <li><a class="article-index__letter" href="/">Ц</a></li> <li><a class="article-index__letter" href="/">Ч</a></li> <li><a class="article-index__letter" href="/">Ш</a></li> <li><a class="article-index__letter" href="/">Щ</a></li> <li><a class="article-index__letter" href="/">Э</a></li> <li><a class="article-index__letter" href="/">Ю</a></li> <li><a class="article-index__letter" href="/">Я</a></li> </ul> <form class="search-form search-form--articles" action="/poisk/"> <div class="search-form__input-wrapper"><input class="search-form__input" type="text" placeholder="Поиск по всем статьям" name="q" /><button class="action-btn action-btn--search search-form__btn" id="btnSearch" type="button"> <div class="action-btn__inner"><svg width="21" height="20" aria-hidden="true" focusable="false"> <use xlink:href="/img/sprite.svg#search"></use> </svg></div> </button></div> </form> </div> </div> <div class="article-index__tabs cure__tabs"> <div class="tab-select field-select__wrapper md_container md_after_hidden"><select class="field-select md_hidden" id="article-index-tab-select" name="article-index-tab-select" role="tablist" data-tab-select> <option value="#article-index-tab-01" role="tab" selected>Заболевания</option> <option value="#article-index-tab-02" role="tab">Реабилитация и профилактика</option> <option value="#article-index-tab-03" role="tab">Вопрос-ответ</option> <option value="#article-index-tab-04" role="tab">Случаи из практики</option> </select></div> <ul class="article-index__nav-tabs nav nav-tabs hidden md_flex" id="article-index-tab" role="tablist"> <li class="nav-item" role="presentation"><button class="nav-link active" data-bs-toggle="tab" data-bs-target="#article-index-tab-01" type="button" role="tab" aria-controls="Заболевания" aria-selected="true">Заболевания</button></li> <li class="nav-item" role="presentation"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#article-index-tab-02" type="button" role="tab" aria-controls="Реабилитация и профилактика" aria-selected="false">Реабилитация и профилактика</button></li> <li class="nav-item" role="presentation"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#article-index-tab-03" type="button" role="tab" aria-controls="Вопрос-ответ" aria-selected="false">Вопрос-ответ</button></li> <li class="nav-item" role="presentation"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#article-index-tab-04" type="button" role="tab" aria-controls="Случаи из практики" aria-selected="false">Случаи из практики</button></li> </ul> <div class="tab-content article-index__tab-content" id="article-index-tab-content"> <ul class="article-index__tab-pane tab-pane article-index__tab-pane fade show active" id="article-index-tab-01" role="tabpanel"> <li> <a href="#">Абсцесс</a> </li> <li> <a href="#">Аденовирусная инфекция</a> </li> <li> <a href="#">Бореллиоз</a> </li> <li> <a href="#">Зачем пломбировать молочные зубы?</a> </li> <li> <a href="#">Кариес молочных зубов: родителям на заметку</a> </li> <li> <a href="#">Потемнение молочных зубов</a> </li> <li> <a href="#">Причины неприятного запаха изо рта у ребёнка</a> </li> <li> <a href="#">Причины неприятного запаха изо рта у ребёнка</a> </li> <li> <a href="#">Шишка на десне у ребёнка</a> </li> <li> <a href="#">Продукты, полезные для зубов</a> </li> <li> <a href="#">Продукты, полезные для зубов</a> </li> <li> <a href="#">Выпал молочный зуб, а новый не растет</a> </li> <li> <a href="#">Ретенция зубов</a> </li> <li> <a href="#">п2 Зачем пломбировать молочные зубы?</a> </li> <li> <a href="#">п2 Кариес молочных зубов: родителям на заметку</a> </li> <li> <a href="#">п2 Потемнение молочных зубов</a> </li> <li> <a href="#">п2 Причины неприятного запаха изо рта у ребёнка</a> </li> <li> <a href="#">п2 Причины неприятного запаха изо рта у ребёнка</a> </li> <li> <a href="#">п2 Шишка на десне у ребёнка</a> </li> <li> <a href="#">п2 Продукты, полезные для зубов</a> </li> <li> <a href="#">п2 Продукты, полезные для зубов</a> </li> <li> <a href="#">п2 Выпал молочный зуб, а новый не растет</a> </li> <li> <a href="#">п2 Ретенция зубов</a> </li> <li> <a href="#">3 Зачем пломбировать молочные зубы?</a> </li> <li> <a href="#">3 Кариес молочных зубов: родителям на заметку</a> </li> <li> <a href="#">3 Потемнение молочных зубов</a> </li> <li> <a href="#">3 Причины неприятного запаха изо рта у ребёнка</a> </li> <li> <a href="#">3 Причины неприятного запаха изо рта у ребёнка</a> </li> <li> <a href="#">3 Шишка на десне у ребёнка</a> </li> <li> <a href="#">3 Продукты, полезные для зубов</a> </li> <li> <a href="#">3 Продукты, полезные для зубов</a> </li> <li> <a href="#">3 Выпал молочный зуб, а новый не растет</a> </li> <li> <a href="#">3 Ретенция зубов</a> </li> <li> <a href="#">4 Зачем пломбировать молочные зубы?</a> </li> <li> <a href="#">4 Кариес молочных зубов: родителям на заметку Кариес молочных зубов: родителям на заметку</a> </li> </ul> <ul class="article-index__tab-pane tab-pane fade" id="article-index-tab-02" role="tabpanel"> <li> <a href="#">Абсцесс</a> </li> <li> <a href="#">Аденовирусная инфекция</a> </li> <li> <a href="#">Аденома щитовидной железы</a> </li> <li> <a href="#">Аллергия</a> </li> <li> <a href="#">Амблиопия</a> </li> <li> <a href="#">Абсцесс</a> </li> <li> <a href="#">Аллергия</a> </li> <li> <a href="#">Авитаминоз</a> </li> <li> <a href="#">Аденоиды</a> </li> <li> <a href="#">Адреногенитальный синдром</a> </li> <li> <a href="#">Аллергологические пробы</a> </li> <li> <a href="#">Аменорея</a> </li> <li> <a href="#">Авитаминоз</a> </li> <li> <a href="#">Абсцесс</a> </li> <li> <a href="#">Аденовирусная инфекция</a> </li> <li> <a href="#">Аденома щитовидной железы</a> </li> <li> <a href="#">Аллергия</a> </li> <li> <a href="#">Амблиопия</a> </li> <li> <a href="#">Абсцесс</a> </li> <li> <a href="#">Аллергия</a> </li> <li> <a href="#">Авитаминоз</a> </li> <li> <a href="#">Аденоиды</a> </li> <li> <a href="#">Адреногенитальный синдром</a> </li> <li> <a href="#">Аллергологические пробы</a> </li> <li> <a href="#">Аменорея</a> </li> <li> <a href="#">Авитаминоз</a> </li> <li> <a href="#">Бореллиоз</a> </li> </ul> <ul class="article-index__tab-pane tab-pane fade" id="article-index-tab-03" role="tabpanel"> <li> <a href="#">Аденоиды</a> </li> <li> <a href="#">Адреногенитальный синдром</a> </li> <li> <a href="#">Аллергологические пробы</a> </li> <li> <a href="#">Аменорея</a> </li> <li> <a href="#">Авитаминоз</a> </li> <li> <a href="#">Бореллиоз</a> </li> </ul> <ul class="article-index__tab-pane tab-pane fade" id="article-index-tab-04" role="tabpanel"> <p>Случаи из практики</p> </ul> </div> <div class="article-index__btns"><button class="article-index__nav-btn article-index__nav-btn--prev" type="button" tabindex="-1"><svg width="26" height="13" aria-hidden="true" focusable="false"> <use xlink:href="/img/sprite.svg#arrow-right"></use> </svg></button><button class="article-index__nav-btn article-index__nav-btn--next" type="button" tabindex="-1"><svg width="26" height="13" aria-hidden="true" focusable="false"> <use xlink:href="/img/sprite.svg#arrow-right"></use> </svg></button></div> </div> <div class="digits cure__digits"> <ul class="digits__list"> <li class="digits__item"> <div class="digits__value">44</div> <div class="digits__caption">статьи</div> </li> <li class="digits__item"> <div class="digits__value">44</div> <div class="digits__caption">вопрос-ответов</div> </li> <li class="digits__item"> <div class="digits__value">10</div> <div class="digits__caption">случаев из практики</div> </li> </ul> </div> <div class="consult cure__consult mt-60px lg_mt-30px"> <div class="author"> <div class="author__img"><img class="lazyload" data-src="/img/author_87x87.jpg" alt="" /></div> <div class="author__info"> <div class="author__name">Иван Фабричный</div> <div class="author__text">Врач кардиолог</div> <div class="author__phone">8 800 200 57 30</div> </div> </div> <div class="text-lg text-black mb-12px">Бесплатная консультация врача</div><button class="btn btn--regular bg-white border-white">Получить консультацию</button> </div> </div> <h2 class="text-2xl mt-60px mb-5px lg_mb-0 lg_mt-0 xxl_mb-10px pr-110px lg_text-36px">Вам может быть интересно</h2><button class="btn btn--simple mb-20px shrink-0">Все статьи</button> <div class="article-preview article-preview--inner article-preview__list-wrapper"> <div class="article-preview__list slider"> <div class="article-preview slider__item"> <div class="article-preview__inner xxl_flex xxl_flex-col"> <div class="article-preview__img"><img class="lazyload" data-src="img/article-1.jpg"></div> <div class="article-preview__text xxl_pt-30px"> <div class="article-preview__date text-base text-gray-300 mb-10px">15 марта 2022</div> <div class="article-preview__title mb-10px text-lg text-black min-h-[56px]">Поллиноз, Сенная Лихорадка, Аллергический Ринит?</div> <div class="article-preview__content hidden"></div><button class="btn btn--simple text-md mt-10px">Подробнее</button> </div> </div> </div> <div class="article-preview slider__item"> <div class="article-preview__inner xxl_flex xxl_flex-col"> <div class="article-preview__img"><img class="lazyload" data-src="img/article-2.jpg"></div> <div class="article-preview__text xxl_pt-30px"> <div class="article-preview__date text-base text-gray-300 mb-10px">15 марта 2022</div> <div class="article-preview__title mb-10px text-lg text-black min-h-[56px]">Поллиноз, Сенная Лихорадка, Аллергический Ринит?</div> <div class="article-preview__content hidden"></div><button class="btn btn--simple text-md mt-10px">Подробнее</button> </div> </div> </div> <div class="article-preview slider__item"> <div class="article-preview__inner xxl_flex xxl_flex-col"> <div class="article-preview__img"><img class="lazyload" data-src="img/article-2.jpg"></div> <div class="article-preview__text xxl_pt-30px"> <div class="article-preview__date text-base text-gray-300 mb-10px">15 марта 2022</div> <div class="article-preview__title mb-10px text-lg text-black min-h-[56px]">Поллиноз, Сенная Лихорадка, Аллергический Ринит?</div> <div class="article-preview__content hidden"></div><button class="btn btn--simple text-md mt-10px">Подробнее</button> </div> </div> </div> </div> </div> </div> </section> </div> </div> <div class="section page__footer-wrapper mt-60px lg_mt-0"> <footer class="page-footer" role="contentinfo"> <div class="page-footer__inner flex flex-col items-center md_grid md_items-start md_gap-x-20px"> <div class="page-footer__contacts xxl_ml-60px xxl_justify-self-end xxl_mt-20px"> <div class="page-footer__phone text-xl"><a href="tel:+70000000000">8 800 200 57 30</a></div> <div class="page-footer__hours text-sm text-gray-500">пн-пт 10:00 – 18:00</div> <div class="page-footer__address mt-7px">111020, г. Москва, <br class="hidden xxl_block" />ул. Боровая, д. 7, стр. 7.</div> <div class="page-footer__socials flex justify-between mt-24px"> <div class='ya-share2' data-curtain data-services='vkontakte,odnoklassniki,telegram,viber,whatsapp'></div> <div class="social-icon flex items-center page-footer__social-icon" role="contentinfo"><a class="social-icon__link flex items-center hover_opacity-50" href="mail.ru"><svg width="22" height="19" aria-hidden="true" focusable="false"> <use xlink:href="/img/sprite.svg#mail"></use> </svg></a></div> </div> </div> <div class="page-footer__disclaim xxl_mt-115px"> <div class="mt-12px md_mt-0 text-15 xxl_text-2xl opacity-30">ВСЯ ИНФОРМАЦИЯ, РАЗМЕЩЕННАЯ НА САЙТЕ, НОСИТ ОЗНАКОМИТЕЛЬНЫЙ ХАРАКТЕР И НЕ МОЖЕТ СЛУЖИТЬ ЗАМЕНОЙ ОЧНОЙ КОНСУЛЬТАЦИИ ВРАЧА</div> <div class="mt-10px xxl_mt-5px text-base">Вся представленная на сайте информация, касающаяся наличия на складе, стоимости товаров, носит информационный характер и ни при каких условиях не является публичной офертой, определяемой положениями Статьи 437 Гражданского кодекса РФ.</div> </div> <div class="page-footer__info"> <div class="flex mt-10px md_mt-0 xxl_ml-0"><svg class="mr-10px" width="63" height="39" aria-hidden="true" focusable="false"> <use xlink:href="/img/sprite.svg#logo-img"></use> </svg> <div class="switcher__wrapper items-center h-full font-medium flex-shrink-0 page-footer__lang-switcher text-white" id="switcherLangFooter"> <div class="relative dropdown"> <div class="switcher dropdown-toggle flex items-center space-x-1 cursor-pointer active after_right-2.5" id="dropdownMenuLink_XXX" data-bs-toggle="dropdown" aria-expanded="false"> <div class="switcher__value w-full text-inherit leading-8 pl-10px pr-15px"><svg class="globe" width="20" height="20" aria-hidden="true" focusable="false"> <use xlink:href="/img/sprite.svg#globe"></use> </svg><span>Россия / русский</span><svg class="angle-down" width="6" height="4" aria-hidden="true" focusable="false"> <use xlink:href="/img/sprite.svg#angle-down"></use> </svg></div> </div> <div class="switcher__select dropdown-menu text-inherit" aria-labelledby="dropdownMenuLink"> <li class="switcher__item" data-name="ru" data-value=""><svg class="check" width="6" height="4" aria-hidden="true" focusable="false"> <use xlink:href="/img/sprite.svg#check"></use> </svg><span>Россия / русский</span></li> <li class="switcher__item" data-name="en" data-value=""><svg class="check" width="6" height="4" aria-hidden="true" focusable="false"> <use xlink:href="/img/sprite.svg#check"></use> </svg><span>Britain / English</span></li> <li class="switcher__item" data-name="ch" data-value=""><svg class="check" width="6" height="4" aria-hidden="true" focusable="false"> <use xlink:href="/img/sprite.svg#check"></use> </svg><span>Китай / китайский</span></li> </div> </div> </div> </div><a class="btn btn--simple page-footer__policy mt-10px text-base text-white border-color-gray-500" href="#">Политика конфиденциальности</a> <div class="mt-10px">© 2022 ООО «Риктамед»</div> </div> <div class="footer-nav footer-nav--catalog hidden md_block"> <div class="footer-nav__inner"> <div class="footer-nav__title mb-20px text-xl">Каталог</div> <ul class="footer-nav__list p-0 m-0"> <li class="footer-nav__item"><a class="btn btn--clean" href="#">РИКТА-ЭСМИЛ (2А)-01</a></li> <li class="footer-nav__item"><a class="btn btn--clean" href="#">РИКТА-ЭСМИЛ (2А)-03</a></li> <li class="footer-nav__item"><a class="btn btn--clean" href="#">РИКТА-ЭСМИЛ 03/2</a></li> <li class="footer-nav__item"><a class="btn btn--clean" href="#">РИКТА 04/4</a></li> <li class="footer-nav__item"><a class="btn btn--clean" href="#">РИКТА-ВЕТ </a></li> <li class="footer-nav__item"><a class="btn btn--clean" href="#">Оптические насадки</a></li> <li class="footer-nav__item"><a class="btn btn--clean" href="#">Излучатели</a></li> <li class="footer-nav__item"><a class="btn btn--clean" href="#">Прочие аксессуары</a></li> <li class="footer-nav__item"><a class="btn btn--clean" href="#">Литература</a></li> </ul> </div> </div> <div class="footer-nav footer-nav--customer hidden md_block xxl_ml-20px"> <div class="footer-nav__inner"> <div class="footer-nav__title mb-20px text-xl">Покупателям</div> <ul class="footer-nav__list p-0 m-0"> <li class="footer-nav__item"><a class="btn btn--clean" href="#">Оплата</a></li> <li class="footer-nav__item"><a class="btn btn--clean" href="#">Доставка</a></li> <li class="footer-nav__item"><a class="btn btn--clean" href="#">Гарантия</a></li> <li class="footer-nav__item"><a class="btn btn--clean" href="#">Trade-in</a></li> <li class="footer-nav__item"><a class="btn btn--clean" href="#">Сервисное обслуживание и ремонт </a></li> <li class="footer-nav__item"><a class="btn btn--clean" href="#">Тест-драйв</a></li> </ul> </div> </div> <div class="footer-nav footer-nav--info hidden lg_block xxl_ml-40px"> <div class="footer-nav__inner"> <div class="footer-nav__title mb-20px text-xl">Информация</div> <ul class="footer-nav__list p-0 m-0"> <li class="footer-nav__item"><a class="btn btn--clean" href="#">Как работает лазерный аппарат</a></li> <li class="footer-nav__item"><a class="btn btn--clean" href="#">Здоровье от А до Я</a></li> <li class="footer-nav__item"><a class="btn btn--clean" href="#">О лазерной терапии</a></li> <li class="footer-nav__item"><a class="btn btn--clean" href="#">FAQ</a></li> <li class="footer-nav__item"><a class="btn btn--clean" href="#">О компании </a></li> <li class="footer-nav__item"><a class="btn btn--clean" href="#">Отзывы</a></li> <li class="footer-nav__item"><a class="btn btn--clean" href="#">Контакты</a></li> </ul> </div> </div> <div class="footer-nav footer-nav--coop hidden xl_flex"> <div class="footer-nav__inner"> <div class="footer-nav__title mb-20px text-xl">Сотрудничество</div> <ul class="footer-nav__list p-0 m-0"> <li class="footer-nav__item"><a class="btn btn--clean" href="#">Дилерам</a></li> <li class="footer-nav__item"><a class="btn btn--clean" href="#">Врачам</a></li> <li class="footer-nav__item"><a class="btn btn--clean" href="#">Комплектование ЛПУ</a></li> </ul> </div> </div> <div class="page-footer__h-line hidden xxl__block"></div> </div> </footer> </div> </div> <script src="js/bundle.js"></script> <script src="https://yastatic.net/share2/share.js" defer></script> </body> </html>
Tests:
querySelector
var el=document.querySelector('.article-index__letter.active');
getElementsByClassName
var els=document.getElementsByClassName('.article-index__letter.active');
Rendered benchmark preparation results:
Suite status:
<idle, ready to run>
Run tests (2)
Previous results
Fork
Test case name
Result
querySelector
getElementsByClassName
Fastest:
N/A
Slowest:
N/A
Latest run results:
No previous run results
This benchmark does not have any results yet. Be the first one
to run it!
Autogenerated LLM Summary
(model
llama3.2:3b
, generated one year ago):
It seems like you're asking me to parse some HTML and JavaScript code, but there's no clear question or task specified. However, I'll try to help. The provided HTML code appears to be the structure of a website's footer section, which includes various navigation items, such as "Trade-in", "Сервисное обслуживание и ремонт", "Тест-драйв", and more. The JavaScript code at the bottom seems to be importing two external scripts: `js/bundle.js` and `https://yastatic.net/share2/share.js`. The latter is likely a social sharing button library. As for the individual test cases, they seem to be benchmarks or performance tests for the `querySelector` and `getElementsByClassName` methods in JavaScript. These tests are likely part of an automated testing framework or a benchmarking tool. The latest benchmark result shows that Firefox 109 performed better on these tests, with execution rates per second being significantly higher than the previous results. If you could provide more context or clarify what specific task you'd like me to help with, I'll do my best to assist you.
Related benchmarks:
querySelector vs getElementsByClassName get first element
querySelector vs getElementsByClassName vs querySelectorAll
queryselector vs getElementByClassName
querySelector vs get First Element By Class Name
querySelector vs getElementsByClassName on multiple elements
Comments
Confirm delete:
Do you really want to delete benchmark?