Benchmark: getElementById vs getElementsByClassName

HTML Preparation code:
<div class="hotelResultsList__listContents"><div class="hotelResultContainer"><section class="hotelResult"><div class="resultPromotion resultPromotion--promoting-bestseller resultPromotion--desktop"><span class="tooltip tooltip--sticky tooltip--hover"><span class="tooltip__trigger"><div class="resultPromotion__tooltipContent"><span>Bestseller</span></div></span></span></div><div class="row"><div class="columns shrink columns--no-left-padding columns--no-right-padding hotelResult__imagesContainer"><div class="hotelResult__image" style="background-image: url(&quot;https://assets2.hotel.check24.de/size=0x450/nfc=404/source=aHR0cHM6Ly9pLnRyYXZlbGFwaS5jb20vaG90ZWxzLzEwMDAwMDAwLzkzMDAwMDAvOTI5NjYwMC85Mjk2NTkxLzkyOTY1OTFfMjZfei5qcGc=!4d7859/picture.jpg&quot;);"></div><div class="hotelResult__shortlistIconContainer"><div class="shortlistIcon"><div class="shortlistIcon__icon shortlistIcon__icon--fakeItem"><svg viewBox="-10 -5 130 110"><path class="shortlistSvgIcon shortlistSvgIcon--active" stroke-width="10" d="M81.2,0C70.4,0,60.9,6,55.5,14.9C50.1,6,40.9,0,29.9,0C13.4,0,0,14,0,31.3S14.9,62.1,55.5,100C96.1,62.1,111,48.7,111,31.3S97.9,0,81.2,0z"></path></svg></div><span class="tooltip tooltip--hover"><span class="tooltip__trigger"><div class="shortlistIcon__icon"><svg viewBox="-10 -5 130 110"><path class="shortlistSvgIcon shortlistSvgIcon--hover" stroke-width="10" d="M81.2,0C70.4,0,60.9,6,55.5,14.9C50.1,6,40.9,0,29.9,0C13.4,0,0,14,0,31.3S14.9,62.1,55.5,100C96.1,62.1,111,48.7,111,31.3S97.9,0,81.2,0z"></path></svg></div></span></span></div></div></div><div class="columns columns--no-right-padding"><div class="nameAndPoints"><a target="_blank" class="text-button nameAndPoints__name" title="Ibis München City Arnulfpark" href="/suche/M%C3%BCnchen%2C%20Deutschland-37463/Ibis%20M%C3%BCnchen%20City%20Arnulfpark-7068516/2018-10-05/2018-10-06/%5BA%7CA%5D/hotel.html?" tabindex="-1">Ibis München City Arnulfpark</a></div><div class="starsAndLocation starsAndLocation--desktop"><a target="_blank" class="text-button starsAndLocation__stars" href="/suche/M%C3%BCnchen%2C%20Deutschland-37463/Ibis%20M%C3%BCnchen%20City%20Arnulfpark-7068516/2018-10-05/2018-10-06/%5BA%7CA%5D/hotel.html?" tabindex="-1"><span class="stars stars--2"></span></a><a class="text-button starsAndLocation__locationLink" tabindex="-1"><span class="starsAndLocation__mapHint"></span><span class="starsAndLocation__text">München - 3,3 km bis Zentrum - Karte</span></a></div><div class="hotelResult__separator"></div><div class="row hotelResult__withoutHotelBadge row--small-gutter"><div class="columns medium-5"><div class="hotelRatingContainer"><span class="tooltip tooltip--sticky tooltip--hover"><span class="tooltip__trigger"><a class="text-button hotelRatingContainer__clickable" tabindex="-1"><div class="hotelRating hotelRating--withMarginBottom"><div class="hotelRating__average hotelRating__average--excellent"><span>8,6</span></div><div class="hotelRating__details"><div class="hotelRating__adjective hotelRating__adjective--excellent">Sehr gut</div><div class="hotelRating__count"><span>7.357</span> <span>Bewertungen</span></div></div></div></a></span></span></div><div class="amenityIcons"><div class="amenityIcons__iconRow"><span class="tooltip tooltip--hover"><span class="tooltip__trigger"><div class="amenityIcons__iconRowEntry amenityIcons__iconRowEntry--free_hotel_wifi" data-amenitykey="free_hotel_wifi"></div></span></span><span class="tooltip tooltip--hover"><span class="tooltip__trigger"><div class="amenityIcons__iconRowEntry amenityIcons__iconRowEntry--parking" data-amenitykey="parking"></div></span></span><span class="tooltip tooltip--hover"><span class="tooltip__trigger"><div class="amenityIcons__iconRowEntry amenityIcons__iconRowEntry--reception_24h" data-amenitykey="reception_24h"></div></span></span><span class="tooltip tooltip--hover"><span class="tooltip__trigger"><div class="amenityIcons__iconRowEntry amenityIcons__iconRowEntry--gym" data-amenitykey="gym"></div></span></span><span class="tooltip tooltip--hover"><span class="tooltip__trigger"><div class="amenityIcons__iconRowEntry amenityIcons__iconRowEntry--restaurant" data-amenitykey="restaurant"></div></span></span></div></div><ul class="rateHints"><li class="rateHints__hint rateHints__hint--icon">Kostenfreie Stornierung</li></ul></div><div class="columns hotelResult__offersListColumn"><table class="offersList offersList--fullHeight"><tbody><tr class="offersList__offer offersList__offer--highlightOnHover"><td class="offersList__link">Expedia</td><td class="offersList__price"><span>243&nbsp;€</span></td></tr><tr class="offersList__offer offersList__offer--highlightOnHover"><td class="offersList__link">Agoda</td><td class="offersList__price"><span>243&nbsp;€</span></td></tr><tr class="offersList__offer offersList__offer--highlightOnHover"><td class="offersList__link">Booking.com</td><td class="offersList__price"><span>243&nbsp;€</span></td></tr><tr class="offersList__offer offersList__offer--highlightOnHover"><td class="offersList__link">HRS</td><td class="offersList__price"><span>263&nbsp;€</span></td></tr><tr class="offersList__offer offersList__offer--highlightOnHover"><td colspan="2"><b><div id="eindeutigeId" class="eindeutigeClass">Alle Angebote</div></b></td></tr></tbody></table></div><div class="columns hotelResult__priceColumn text-right"><div class="priceAndCta priceAndCta--context-resultsList priceAndCta--desktop"><div class="priceAndCta__banderole"></div><div class="priceAndCta__stayAndPrice"><div class="priceAndCta__stayInfo"><a target="_blank" class="text-button" href="/suche/M%C3%BCnchen%2C%20Deutschland-37463/Ibis%20M%C3%BCnchen%20City%20Arnulfpark-7068516/2018-10-05/2018-10-06/%5BA%7CA%5D/hotel.html?" tabindex="-1"><div class="priceAndCta__stayInfoContent"><span class="priceAndCta__stayInfoContentLabel">1 Nacht, 2 Gäste</span></div></a></div><div class="priceAndCta__price"><a target="_blank" class="text-button priceAndCta__discountBaseValue" href="/suche/M%C3%BCnchen%2C%20Deutschland-37463/Ibis%20M%C3%BCnchen%20City%20Arnulfpark-7068516/2018-10-05/2018-10-06/%5BA%7CA%5D/hotel.html?" tabindex="-1"><span>263&nbsp;€</span></a><a target="_blank" class="text-button priceAndCta__bestOfferPrice" href="/suche/M%C3%BCnchen%2C%20Deutschland-37463/Ibis%20M%C3%BCnchen%20City%20Arnulfpark-7068516/2018-10-05/2018-10-06/%5BA%7CA%5D/hotel.html?" tabindex="-1"><span>243&nbsp;€</span></a></div></div><a href="/suche/M%C3%BCnchen%2C%20Deutschland-37463/Ibis%20M%C3%BCnchen%20City%20Arnulfpark-7068516/2018-10-05/2018-10-06/%5BA%7CA%5D/hotel.html?" target="_blank" class="button button--font-bold button--no-margin button--desktop callToActionButton callToActionButton--mediumFit" tabindex="-1">Ihr Zimmer wählen</a></div></div></div></div></div><div class="trustYouSentiment trustYouSentiment--desktop hotelResult__trustYou">"Hervorragend geeignet für Reisen mit Freunden. In der Nähe von HBF. Nahe am Stadtzentrum und zum öffentlichen Nahverkehr. Tolle Stimmung."</div></section></div><div class="hotelResultContainer"><section class="hotelResult"><div class="resultPromotion resultPromotion--promoting-bestseller resultPromotion--desktop"><span class="tooltip tooltip--sticky tooltip--hover"><span class="tooltip__trigger"><div class="resultPromotion__tooltipContent"><span>Bestseller</span></div></span></span></div><div class="row"><div class="columns shrink columns--no-left-padding columns--no-right-padding hotelResult__imagesContainer"><div class="hotelResult__image" style="background-image: url(&quot;https://assets2.hotel.check24.de/size=0x450/nfc=404/source=aHR0cHM6Ly9pLnRyYXZlbGFwaS5jb20vaG90ZWxzLzEwMDAwMDAvMTAwMDAvNjUwMC82NDM3L2RhYzk1MTE3X3ouanBn!146bd3/picture.jpg&quot;);"></div><div class="hotelResult__shortlistIconContainer"><div class="shortlistIcon"><div class="shortlistIcon__icon shortlistIcon__icon--fakeItem"><svg viewBox="-10 -5 130 110"><path class="shortlistSvgIcon shortlistSvgIcon--active" stroke-width="10" d="M81.2,0C70.4,0,60.9,6,55.5,14.9C50.1,6,40.9,0,29.9,0C13.4,0,0,14,0,31.3S14.9,62.1,55.5,100C96.1,62.1,111,48.7,111,31.3S97.9,0,81.2,0z"></path></svg></div><span class="tooltip tooltip--hover"><span class="tooltip__trigger"><div class="shortlistIcon__icon"><svg viewBox="-10 -5 130 110"><path class="shortlistSvgIcon shortlistSvgIcon--hover" stroke-width="10" d="M81.2,0C70.4,0,60.9,6,55.5,14.9C50.1,6,40.9,0,29.9,0C13.4,0,0,14,0,31.3S14.9,62.1,55.5,100C96.1,62.1,111,48.7,111,31.3S97.9,0,81.2,0z"></path></svg></div></span></span></div></div></div><div class="columns columns--no-right-padding"><div class="nameAndPoints"><a target="_blank" class="text-button nameAndPoints__name" title="Hotel Erzgiesserei Europe" href="/suche/M%C3%BCnchen%2C%20Deutschland-37463/Hotel%20Erzgiesserei%20Europe-9530088/2018-10-05/2018-10-06/%5BA%7CA%5D/hotel.html?" tabindex="-1">Hotel Erzgiesserei Europe</a></div><div class="starsAndLocation starsAndLocation--desktop"><a target="_blank" class="text-button starsAndLocation__stars" href="/suche/M%C3%BCnchen%2C%20Deutschland-37463/Hotel%20Erzgiesserei%20Europe-9530088/2018-10-05/2018-10-06/%5BA%7CA%5D/hotel.html?" tabindex="-1"><span class="stars stars--4"></span></a><a class="text-button starsAndLocation__locationLink" tabindex="-1"><span class="starsAndLocation__mapHint"></span><span class="starsAndLocation__text">München - 2,2 km bis Zentrum - Karte</span></a></div><div class="hotelResult__separator"></div><div class="row hotelResult__withoutHotelBadge row--small-gutter"><div class="columns medium-5"><div class="hotelRatingContainer"><span class="tooltip tooltip--sticky tooltip--hover"><span class="tooltip__trigger"><a class="text-button hotelRatingContainer__clickable" tabindex="-1"><div class="hotelRating hotelRating--withMarginBottom"><div class="hotelRating__average hotelRating__average--excellent"><span>8,4</span></div><div class="hotelRating__details"><div class="hotelRating__adjective hotelRating__adjective--excellent">Sehr gut</div><div class="hotelRating__count"><span>2.206</span> <span>Bewertungen</span></div></div></div></a></span></span></div><div class="amenityIcons"><div class="amenityIcons__iconRow"><span class="tooltip tooltip--hover"><span class="tooltip__trigger"><div class="amenityIcons__iconRowEntry amenityIcons__iconRowEntry--free_hotel_wifi" data-amenitykey="free_hotel_wifi"></div></span></span><span class="tooltip tooltip--hover"><span class="tooltip__trigger"><div class="amenityIcons__iconRowEntry amenityIcons__iconRowEntry--parking" data-amenitykey="parking"></div></span></span><span class="tooltip tooltip--hover"><span class="tooltip__trigger"><div class="amenityIcons__iconRowEntry amenityIcons__iconRowEntry--reception_24h" data-amenitykey="reception_24h"></div></span></span><span class="tooltip tooltip--hover"><span class="tooltip__trigger"><div class="amenityIcons__iconRowEntry amenityIcons__iconRowEntry--restaurant" data-amenitykey="restaurant"></div></span></span><span class="tooltip tooltip--hover"><span class="tooltip__trigger"><div class="amenityIcons__iconRowEntry amenityIcons__iconRowEntry--hotel_bar" data-amenitykey="hotel_bar"></div></span></span></div></div><ul class="rateHints"><li class="rateHints__hint rateHints__hint--icon">Keine Vorauszahlung</li><li class="rateHints__hint"><span class="meal meal--asRatingHint"><span class="meal__icon icon"></span> Frühstück inbegriffen</span></li></ul></div><div class="columns hotelResult__offersListColumn"><table class="offersList offersList--fullHeight"><tbody><tr class="offersList__offer offersList__offer--highlightOnHover"><td class="offersList__link">Booking.com</td><td class="offersList__price"><span>310&nbsp;€</span></td></tr><tr class="offersList__offer offersList__offer--highlightOnHover"><td class="offersList__link">Hotels.Com</td><td class="offersList__price"><span>310&nbsp;€</span></td></tr><tr class="offersList__offer"><td class="offersList__link">HRS</td><td class="offersList__price">-</td></tr><tr class="offersList__offer"><td class="offersList__link">Expedia</td><td class="offersList__price">-</td></tr><tr class="offersList__offer offersList__offer--highlightOnHover"><td colspan="2"><b>Alle Angebote</b></td></tr></tbody></table></div><div class="columns hotelResult__priceColumn text-right"><div class="priceAndCta priceAndCta--context-resultsList priceAndCta--desktop"><div class="priceAndCta__banderole"></div><div class="priceAndCta__stayAndPrice"><div class="priceAndCta__stayInfo"><a target="_blank" class="text-button" href="/suche/M%C3%BCnchen%2C%20Deutschland-37463/Hotel%20Erzgiesserei%20Europe-9530088/2018-10-05/2018-10-06/%5BA%7CA%5D/hotel.html?" tabindex="-1"><div class="priceAndCta__stayInfoContent"><span class="priceAndCta__stayInfoContentLabel">1 Nacht, 2 Gäste</span></div></a></div><div class="priceAndCta__price"><a target="_blank" class="text-button priceAndCta__bestOfferPrice" href="/suche/M%C3%BCnchen%2C%20Deutschland-37463/Hotel%20Erzgiesserei%20Europe-9530088/2018-10-05/2018-10-06/%5BA%7CA%5D/hotel.html?" tabindex="-1"><span>310&nbsp;€</span></a></div></div><a href="/suche/M%C3%BCnchen%2C%20Deutschland-37463/Hotel%20Erzgiesserei%20Europe-9530088/2018-10-05/2018-10-06/%5BA%7CA%5D/hotel.html?" target="_blank" class="button button--font-bold button--no-margin button--desktop callToActionButton callToActionButton--mediumFit" tabindex="-1">Ihr Zimmer wählen</a></div></div></div></div></div></section></div><div class="loginStopper loginStopper--isClickable"><div class="loginStopper__text"><div class="loginStopper__title">Melden Sie sich jetzt an und profitieren Sie von allen CHECK24 Vorteilen.</div><div class="loginStopper__subTitle">Gutscheine, CHECK24 Punkte und zusätzliche Rabatte auf ausgewählte Hotels.</div></div><div class="loginStopper__login"><span class="show-for-xxlarge">jetzt </span>anmelden</div></div><div class="hotelResultContainer"><section class="hotelResult"><div class="row"><div class="columns shrink columns--no-left-padding columns--no-right-padding hotelResult__imagesContainer"><div class="hotelResult__image" style="background-image: url(&quot;https://assets3.hotel.check24.de/size=0x450/nfc=404/source=aHR0cHM6Ly9pLnRyYXZlbGFwaS5jb20vaG90ZWxzLzI1MDAwMDAwLzI0MDEwMDAwLzI0MDA0MjAwLzI0MDA0MTY4L2ExNWM0M2M3X3ouanBn!b2aa24/picture.jpg&quot;);"></div><div class="hotelResult__shortlistIconContainer"><div class="shortlistIcon"><div class="shortlistIcon__icon shortlistIcon__icon--fakeItem"><svg viewBox="-10 -5 130 110"><path class="shortlistSvgIcon shortlistSvgIcon--active" stroke-width="10" d="M81.2,0C70.4,0,60.9,6,55.5,14.9C50.1,6,40.9,0,29.9,0C13.4,0,0,14,0,31.3S14.9,62.1,55.5,100C96.1,62.1,111,48.7,111,31.3S97.9,0,81.2,0z"></path></svg></div><span class="tooltip tooltip--hover"><span class="tooltip__trigger"><div class="shortlistIcon__icon"><svg viewBox="-10 -5 130 110"><path class="shortlistSvgIcon shortlistSvgIcon--hover" stroke-width="10" d="M81.2,0C70.4,0,60.9,6,55.5,14.9C50.1,6,40.9,0,29.9,0C13.4,0,0,14,0,31.3S14.9,62.1,55.5,100C96.1,62.1,111,48.7,111,31.3S97.9,0,81.2,0z"></path></svg></div></span></span></div></div></div><div class="columns columns--no-right-padding"><div class="nameAndPoints"><a target="_blank" class="text-button nameAndPoints__name" title="Holiday Inn Munich - Leuchtenbergring" href="/suche/M%C3%BCnchen%2C%20Deutschland-37463/Holiday%20Inn%20Munich%20-%20Leuchtenbergring-9055475/2018-10-05/2018-10-06/%5BA%7CA%5D/hotel.html?" tabindex="-1">Holiday Inn Munich - Leuchtenbergring</a></div><div class="starsAndLocation starsAndLocation--desktop"><a target="_blank" class="text-button starsAndLocation__stars" href="/suche/M%C3%BCnchen%2C%20Deutschland-37463/Holiday%20Inn%20Munich%20-%20Leuchtenbergring-9055475/2018-10-05/2018-10-06/%5BA%7CA%5D/hotel.html?" tabindex="-1"><span class="stars stars--4"></span></a><a class="text-button starsAndLocation__locationLink" tabindex="-1"><span class="starsAndLocation__mapHint"></span><span class="starsAndLocation__text">München - 2,8 km bis Zentrum - Karte</span></a></div><div class="hotelResult__separator"></div><div class="row hotelResult__withoutHotelBadge row--small-gutter"><div class="columns medium-5"><div class="hotelRatingContainer"><span class="tooltip tooltip--sticky tooltip--hover"><span class="tooltip__trigger"><a class="text-button hotelRatingContainer__clickable" tabindex="-1"><div class="hotelRating hotelRating--withMarginBottom"><div class="hotelRating__average hotelRating__average--excellent"><span>8,5</span></div><div class="hotelRating__details"><div class="hotelRating__adjective hotelRating__adjective--excellent">Sehr gut</div><div class="hotelRating__count"><span>1.986</span> <span>Bewertungen</span></div></div></div></a></span></span></div><div class="amenityIcons"><div class="amenityIcons__iconRow"><span class="tooltip tooltip--hover"><span class="tooltip__trigger"><div class="amenityIcons__iconRowEntry amenityIcons__iconRowEntry--free_hotel_wifi" data-amenitykey="free_hotel_wifi"></div></span></span><span class="tooltip tooltip--hover"><span class="tooltip__trigger"><div class="amenityIcons__iconRowEntry amenityIcons__iconRowEntry--parking" data-amenitykey="parking"></div></span></span><span class="tooltip tooltip--hover"><span class="tooltip__trigger"><div class="amenityIcons__iconRowEntry amenityIcons__iconRowEntry--reception_24h" data-amenitykey="reception_24h"></div></span></span><span class="tooltip tooltip--hover"><span class="tooltip__trigger"><div class="amenityIcons__iconRowEntry amenityIcons__iconRowEntry--gym" data-amenitykey="gym"></div></span></span><span class="tooltip tooltip--hover"><span class="tooltip__trigger"><div class="amenityIcons__iconRowEntry amenityIcons__iconRowEntry--restaurant" data-amenitykey="restaurant"></div></span></span></div></div><ul class="rateHints"><li class="rateHints__hint rateHints__hint--icon">Keine Vorauszahlung</li></ul></div><div class="columns hotelResult__offersListColumn"><table class="offersList offersList--fullHeight"><tbody><tr class="offersList__offer offersList__offer--highlightOnHover"><td class="offersList__link">Hotel.de</td><td class="offersList__price"><span>259&nbsp;€</span></td></tr><tr class="offersList__offer offersList__offer--highlightOnHover"><td class="offersList__link">Expedia</td><td class="offersList__price"><span>259&nbsp;€</span></td></tr><tr class="offersList__offer offersList__offer--highlightOnHover"><td class="offersList__link">Booking.com</td><td class="offersList__price"><span>259&nbsp;€</span></td></tr><tr class="offersList__offer offersList__offer--highlightOnHover"><td class="offersList__link">Agoda</td><td class="offersList__price"><span>261&nbsp;€</span></td></tr><tr class="offersList__offer offersList__offer--highlightOnHover"><td colspan="2"><b>Alle Angebote</b></td></tr></tbody></table></div><div class="columns hotelResult__priceColumn text-right"><div class="priceAndCta priceAndCta--context-resultsList priceAndCta--desktop"><div class="priceAndCta__banderole"></div><div class="priceAndCta__stayAndPrice"><div class="priceAndCta__stayInfo"><a target="_blank" class="text-button" href="/suche/M%C3%BCnchen%2C%20Deutschland-37463/Holiday%20Inn%20Munich%20-%20Leuchtenbergring-9055475/2018-10-05/2018-10-06/%5BA%7CA%5D/hotel.html?" tabindex="-1"><div class="priceAndCta__stayInfoContent"><span class="priceAndCta__stayInfoContentLabel">1 Nacht, 2 Gäste</span></div></a></div><div class="priceAndCta__price"><a target="_blank" class="text-button priceAndCta__discountBaseValue" href="/suche/M%C3%BCnchen%2C%20Deutschland-37463/Holiday%20Inn%20Munich%20-%20Leuchtenbergring-9055475/2018-10-05/2018-10-06/%5BA%7CA%5D/hotel.html?" tabindex="-1"><span>261&nbsp;€</span></a><a target="_blank" class="text-button priceAndCta__bestOfferPrice" href="/suche/M%C3%BCnchen%2C%20Deutschland-37463/Holiday%20Inn%20Munich%20-%20Leuchtenbergring-9055475/2018-10-05/2018-10-06/%5BA%7CA%5D/hotel.html?" tabindex="-1"><span>259&nbsp;€</span></a></div></div><a href="/suche/M%C3%BCnchen%2C%20Deutschland-37463/Holiday%20Inn%20Munich%20-%20Leuchtenbergring-9055475/2018-10-05/2018-10-06/%5BA%7CA%5D/hotel.html?" target="_blank" class="button button--font-bold button--no-margin button--desktop callToActionButton callToActionButton--mediumFit" tabindex="-1">Ihr Zimmer wählen</a></div></div></div></div></div><div class="trustYouSentiment trustYouSentiment--desktop hotelResult__trustYou">"Sehr gutes Business-Hotel. Nahe am öffentlichen Nahverkehr und am Bahnhof. Tolle Zimmer und fantastischer Service. Tolle Stimmung."</div></section></div><div class="hotelResultContainer"><section class="hotelResult"><div class="resultPromotion resultPromotion--promoting-discount resultPromotion--desktop"><span class="tooltip tooltip--sticky tooltip--hover"><span class="tooltip__trigger"><div class="resultPromotion__tooltipContent"><span>Heute <strong>-24</strong>%</span></div></span></span></div><div class="row"><div class="columns shrink columns--no-left-padding columns--no-right-padding hotelResult__imagesContainer"><div class="hotelResult__image" style="background-image: url(&quot;https://assets1.hotel.check24.de/size=0x450/nfc=404/source=aHR0cHM6Ly9pLnRyYXZlbGFwaS5jb20vaG90ZWxzLzIwMDAwMDAvMTQwMDAwMC8xMzk5NDAwLzEzOTkzNjIvOTVmYzZiNzFfei5qcGc=!c6e0b4/picture.jpg&quot;);"></div><div class="hotelResult__shortlistIconContainer"><div class="shortlistIcon"><div class="shortlistIcon__icon shortlistIcon__icon--fakeItem"><svg viewBox="-10 -5 130 110"><path class="shortlistSvgIcon shortlistSvgIcon--active" stroke-width="10" d="M81.2,0C70.4,0,60.9,6,55.5,14.9C50.1,6,40.9,0,29.9,0C13.4,0,0,14,0,31.3S14.9,62.1,55.5,100C96.1,62.1,111,48.7,111,31.3S97.9,0,81.2,0z"></path></svg></div><span class="tooltip tooltip--hover"><span class="tooltip__trigger"><div class="shortlistIcon__icon"><svg viewBox="-10 -5 130 110"><path class="shortlistSvgIcon shortlistSvgIcon--hover" stroke-width="10" d="M81.2,0C70.4,0,60.9,6,55.5,14.9C50.1,6,40.9,0,29.9,0C13.4,0,0,14,0,31.3S14.9,62.1,55.5,100C96.1,62.1,111,48.7,111,31.3S97.9,0,81.2,0z"></path></svg></div></span></span></div></div></div><div class="columns columns--no-right-padding"><div class="nameAndPoints"><a target="_blank" class="text-button nameAndPoints__name" title="ibis Styles München Ost - Messe" href="/suche/M%C3%BCnchen%2C%20Deutschland-37463/ibis%20Styles%20M%C3%BCnchen%20Ost%20-%20Messe-4055500/2018-10-05/2018-10-06/%5BA%7CA%5D/hotel.html?" tabindex="-1">ibis Styles München Ost - Messe</a></div><div class="starsAndLocation starsAndLocation--desktop"><a class="text-button starsAndLocation__locationLink" tabindex="-1"><span class="starsAndLocation__mapHint"></span><span class="starsAndLocation__text">München - 5 km bis Zentrum - Karte</span></a></div><div class="hotelResult__separator"></div><div class="row hotelResult__withoutHotelBadge row--small-gutter"><div class="columns medium-5"><div class="hotelRatingContainer"><span class="tooltip tooltip--sticky tooltip--hover"><span class="tooltip__trigger"><a class="text-button hotelRatingContainer__clickable" tabindex="-1"><div class="hotelRating hotelRating--withMarginBottom"><div class="hotelRating__average hotelRating__average--excellent"><span>8,3</span></div><div class="hotelRating__details"><div class="hotelRating__adjective hotelRating__adjective--excellent">Sehr gut</div><div class="hotelRating__count"><span>3.606</span> <span>Bewertungen</span></div></div></div></a></span></span></div><div class="amenityIcons"><div class="amenityIcons__iconRow"><span class="tooltip tooltip--hover"><span class="tooltip__trigger"><div class="amenityIcons__iconRowEntry amenityIcons__iconRowEntry--free_hotel_wifi" data-amenitykey="free_hotel_wifi"></div></span></span><span class="tooltip tooltip--hover"><span class="tooltip__trigger"><div class="amenityIcons__iconRowEntry amenityIcons__iconRowEntry--parking" data-amenitykey="parking"></div></span></span><span class="tooltip tooltip--hover"><span class="tooltip__trigger"><div class="amenityIcons__iconRowEntry amenityIcons__iconRowEntry--reception_24h" data-amenitykey="reception_24h"></div></span></span><span class="tooltip tooltip--hover"><span class="tooltip__trigger"><div class="amenityIcons__iconRowEntry amenityIcons__iconRowEntry--restaurant" data-amenitykey="restaurant"></div></span></span><span class="tooltip tooltip--hover"><span class="tooltip__trigger"><div class="amenityIcons__iconRowEntry amenityIcons__iconRowEntry--hotel_bar" data-amenitykey="hotel_bar"></div></span></span></div></div><ul class="rateHints"><li class="rateHints__hint rateHints__hint--icon">Kostenfreie Stornierung</li><li class="rateHints__hint"><span class="meal meal--asRatingHint"><span class="meal__icon icon"></span> Frühstück inbegriffen</span></li></ul></div><div class="columns hotelResult__offersListColumn"><table class="offersList offersList--fullHeight"><tbody><tr class="offersList__offer offersList__offer--highlightOnHover"><td class="offersList__link">Expedia</td><td class="offersList__price"><span>151&nbsp;€</span></td></tr><tr class="offersList__offer offersList__offer--highlightOnHover"><td class="offersList__link">Hotels.Com</td><td class="offersList__price"><span>151&nbsp;€</span></td></tr><tr class="offersList__offer offersList__offer--highlightOnHover"><td class="offersList__link">HotelsClick.com</td><td class="offersList__price"><span>151&nbsp;€</span></td></tr><tr class="offersList__offer offersList__offer--highlightOnHover"><td class="offersList__link">AurumTours</td><td class="offersList__price"><span>198&nbsp;€</span></td></tr><tr class="offersList__offer offersList__offer--highlightOnHover"><td colspan="2"><b>Alle Angebote</b></td></tr></tbody></table></div><div class="columns hotelResult__priceColumn text-right"><div class="priceAndCta priceAndCta--context-resultsList priceAndCta--desktop"><div class="priceAndCta__banderole"></div><div class="priceAndCta__stayAndPrice"><div class="priceAndCta__stayInfo"><a target="_blank" class="text-button" href="/suche/M%C3%BCnchen%2C%20Deutschland-37463/ibis%20Styles%20M%C3%BCnchen%20Ost%20-%20Messe-4055500/2018-10-05/2018-10-06/%5BA%7CA%5D/hotel.html?" tabindex="-1"><div class="priceAndCta__stayInfoContent"><span class="priceAndCta__stayInfoContentLabel">1 Nacht, 2 Gäste</span></div></a></div><div class="priceAndCta__price"><a target="_blank" class="text-button priceAndCta__discountBaseValue" href="/suche/M%C3%BCnchen%2C%20Deutschland-37463/ibis%20Styles%20M%C3%BCnchen%20Ost%20-%20Messe-4055500/2018-10-05/2018-10-06/%5BA%7CA%5D/hotel.html?" tabindex="-1"><span>198&nbsp;€</span></a><a target="_blank" class="text-button priceAndCta__bestOfferPrice" href="/suche/M%C3%BCnchen%2C%20Deutschland-37463/ibis%20Styles%20M%C3%BCnchen%20Ost%20-%20Messe-4055500/2018-10-05/2018-10-06/%5BA%7CA%5D/hotel.html?" tabindex="-1"><span>151&nbsp;€</span></a></div></div><a href="/suche/M%C3%BCnchen%2C%20Deutschland-37463/ibis%20Styles%20M%C3%BCnchen%20Ost%20-%20Messe-4055500/2018-10-05/2018-10-06/%5BA%7CA%5D/hotel.html?" target="_blank" class="button button--font-bold button--no-margin button--desktop callToActionButton callToActionButton--mediumFit" tabindex="-1">Ihr Zimmer wählen</a></div></div></div></div></div></section></div><div class="hotelResultsList__resultPlaceholder" style="height: 305px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 305px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 305px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 305px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 305px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 305px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 305px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 305px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 335px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 305px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 305px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 305px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 305px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 305px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 305px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 305px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 305px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 305px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 305px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 335px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 305px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 305px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 305px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 305px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 305px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 335px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 305px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 305px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 305px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 335px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 305px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 305px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 305px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 335px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 305px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 305px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 305px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 305px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 305px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 335px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 335px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 305px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 305px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 305px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 305px;"></div><div class="hotelResultsList__resultPlaceholder" style="height: 305px;"></div></div>
Tests:
getElementsByClassName
var el = document.getElementsByClassName("eindeutigeClass")[0];
getElementById
var el = document.getElementById("eindeutigeId");
Rendered benchmark preparation results:
Suite status: <idle, ready to run>

Previous results
Test case name	Result
getElementsByClassName
getElementById
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):

LLMs can make mistakes. Check important info.
It seems like you're providing HTML snippets, test cases, and benchmark results for an unspecified web application or framework. I'll assume that the purpose is to analyze and optimize the performance of the application.
To provide any meaningful assistance, I would need more context about the application's functionality, the expected behavior, and the optimizations that are being considered.
However, if you're looking for a general analysis or suggestions on how to improve the performance of the given HTML snippets:
1.  **Optimize DOM Manipulation**: Both `getElementsByClassName` and `getElementById` involve manipulating the Document Object Model (DOM). To improve performance, consider using more efficient methods like `querySelectorAll` or `querySelector`. These methods return a NodeList, which is more memory-efficient than an array.
2.  **Minimize DOM Queries**: If you're performing multiple DOM queries in quick succession, consider caching the results of previous queries to avoid repeating the same query.
3.  **Avoid Over-Optimization**: Be cautious not to over-optimize for performance. Over-optimization can sometimes lead to slower startup times or reduced functionality.
Here's a simplified example of how you might use `querySelector` and `querySelectorAll`:
```javascript
// Instead of using getElementsByClassName
var el = document.querySelector('.eindeutigeClass');
// Or, if you need an array-like object
var elements = document.querySelectorAll('.eindeutigeClass');
```
For the test cases, consider creating unit tests to ensure that the application behaves correctly and efficiently under different scenarios.
Lastly, regarding the benchmark results provided, there seems to be a mix of browser types and versions. To gain insights into the performance optimization strategies for your specific use case:
*   **Browser-specific performance optimizations**: Research the best practices for each browser, as they can differ significantly.
*   **DevicePlatform and OperatingSystem considerations**: Ensure that your application is compatible with different devices and operating systems.
This information will help guide you toward a more informed analysis of your web application's performance optimization requirements.
Related benchmarks:
getElementById vs getElementsByClassName (version: 0)

Comparing performance of: getElementsByClassName vs getElementById

Created: 7 years ago by: Guest

Jump to the latest result

getElementsByClassName

getElementById

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

No previous run results

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):
