Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Remove all children from DOM element with lastChild2
(version: 0)
Comparing performance of:
Remove firstChild vs Remove lastChild vs innerHTML vs innerText vs textContent vs firstChild.remove vs range
Created:
5 years ago
by:
Guest
Jump to the latest result
HTML Preparation code:
<section class="sc mcs_common_module case_empasis color_18 _au_music_content_wrap" data-dss-logarea="xgh"> <div class="api_subject_bx _sticky_boundary"> <div data-kgs-sticky="" data-kgs-sticky-target="._sticky" data-kgs-sticky-boundary="._sticky_boundary" data-kgs-sticky-target-active-off="fixed_close" data-kgs-sticky-target-active-on="fixed_open" data-kgs-sticky-target-active-bottom="fixed_footer" data-kgs-sticky-position="fixed" aria-hidden="false" style="background-color: rgb(185, 143, 145); height: 122px;"> <div class="cm_top_wrap _sticky fixed_open" style="top: 60px;"> <div class="title_area _title_area"> <h2 class="title _title_ellipsis" style="max-height:4.9rem;"> <span class="area_text_title type_small"><strong class="_text">This Feeling (Feat. Kelsea Ballerini)</strong></span> <button type="button" class="area_btn_expand _tail" style="display:none;"> <span class="area_inner"> <span class="blind">펴고 접기</span> <span class="this_design_left"></span> <span class="this_design_right"></span> </span> </button> </h2> <div class="sub_title"> <span class="txt"> <a nocr="" onclick="return goOtherCR(this, 'a=nco_xgh*b.artist&r=1&i=00000000_000000F6E826&u=' + urlencode(this.href));" href="?where=m&sm=mtb_etc&query=The%20Chainsmokers">The Chainsmokers</a> </span> <span class="cm_bar"></span> <span class="" txt"="">2018.12.14.</span> </div> </div> <div class="api_save_group _keep_wrap"> <a nocr="" onclick="goOtherTCR(this, 'a=nco_xgh*b.keep&r=1&i=00000000_000000F6E826');return false;" href="#" role="button" class="btn_save _keep_trigger" data-url="https://m.search.naver.com/search.naver?where=m&sm=mtb_etc&mra=bkhH&x_csa=%7B%22theme%22%3A%22music_top%22%2C%20%22pkid%22%3A%22632%22%7D&pkid=632&os=16181286&query=This%20Feeling%20(Feat.%20Kelsea%20Ballerini)"> <i class="spnew ico_save">문서 저장하기</i> </a> <div class="api_ly_save _keep_save_layer"> <a nocr="" href="#" role="button" class="spnew_af item item_save _keep_save" data-cr-on="a=nco_xgh*b.keepon&r=1&i=00000000_000000F6E826" data-cr-off="a=nco_xgh*b.keepoff&r=1&i=00000000_000000F6E826">Keep에 저장</a> <a nocr="" onclick="return goOtherCR(this, 'a=nco_xgh*b.keepmore&r=1&i=00000000_000000F6E826&u=' + urlencode(this.href));" href="https://m.keep.naver.com/" class="spnew_af item item_quick">Keep 바로가기</a> </div> </div> <div class="ly_api_info _keep_login_layer"> <strong class="tit">저장하기</strong> <p class="dsc">네이버에 로그인 후 문서를 저장하시면<br>Keep에서 확인하실 수 있습니다.</p> <a nocr="" href="https://nid.naver.com/nidlogin.login?svctype=262144" data-src-url="https://nid.naver.com/nidlogin.login?svctype=262144" class="link_login" onclick="this.href=jQuery(this).data('src-url')+'&url='+encodeURIComponent(location.href);jQuery(this).attr('crurl', null);return goOtherCR(this, 'a=nco_xgh*b.keeplogin&r=1&i=00000000_000000F6E826&u=' + urlencode(this.href));"> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAIAAAC0Ujn1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAflJREFUeNpiETkX8OnvVwZqAz5mbpY3v14y0AC8+fuFiY2ZhxZGA41lYqAZGDUaDbDgsJGZ4c8Xhv+/YHxmBlBsMzEwMTL8/cnwDymxMvOBZBn+EW30v99MLAIsjKwQ3u//v/7/fs3AKgwUZ2TmYGURgIj/Z/j/++93Boa/DAyMRBv942G/+uREUU8I7/PfH1qXYz9+vQxUbynsuUOjGyb+XeFS5O9fz8FuJ9rVwiwCvMzcEB6QsVG1zeGsC9CBXEzsyOJMoNj6R0o0MjF//fcdWcCezyBctpDh+4d/wGCAgc9/v/4HcRkpTSELlEoZeGRv/XxK/cTHwcTWqNr14vd7yhIfDlAnGSHJzPP17w9uZg7quHrxm12HvlyBsFPFfIDOp1qAnPlyw/t6ESKXMDJRzWhDbrUvr3ZPf72N+mUICzArc7Bm3Sp59fsDxUb/+8vNxAnncTOxM7CKM/x6HHi7GlkVMMswghL1f5KyDOvbPx+AOQKCXv0BO5ZL+9jLZZNfrIGLP/v15h8oK2I3hJHttOuvv18wnc3ExAkvnv78//Pv3zegfQx/vjH8/8PGJk6weAJWYLgKVdZ/fz78QhSqbAysPMBQYmDhYvjz/devp5QUqn8ZQGHNiSICFWcD2YSqerRuHGijsaU8KgCgsSwibOI0ak4CBBgAiZXGP/L3zioAAAAASUVORK5CYII=" width="15" height="15" alt="" class="ico">네이버 로그인</a> <button type="button" class="btn_close _keep_close"><i class="spnew ico_close">정보확인 레이어닫기</i></button> </div> <div class="sub_tap_area _gra_tab"> <div class="type_scroll _scroll_tab"> <div> <ul role="tablist" class="tab_list _panel_header_tab"> <li class="tab _tab" role="tab" aria-selected="true"> <a nocr="" onclick="return goOtherCR(this, 'a=nco_xgh*b.a&r=1&i=00000000_000000F6E826&u=' + urlencode(this.href));" href="?where=m&sm=mtb_etc&mra=bkhH&x_csa=%7B%22theme%22%3A%22music_top%22%2C%20%22pkid%22%3A%22632%22%7D&pkid=632&os=16181286&query=This%20Feeling%20(Feat.%20Kelsea%20Ballerini)"> <span class="menu">전체</span> </a> </li> <li class="tab _tab" role="tab"> <a nocr="" onclick="return goOtherCR(this, 'a=nco_xgh*b.t&r=1&i=00000000_000000F6E826&u=' + urlencode(this.href));" href="?where=m&sm=mtb_etc&mra=bkhH&x_csa=%7B%22theme%22%3A%22music_top%22%2C%20%22pkid%22%3A%22632%22%7D&pkid=632&os=16181286&query=This%20Feeling%20(Feat.%20Kelsea%20Ballerini)%20%EA%B3%A1%EC%A0%95%EB%B3%B4"> <span class="menu">곡정보</span> </a> </li> <li class="tab _tab" role="tab"> <a nocr="" onclick="return goOtherCR(this, 'a=nco_xgh*b.al&r=1&i=00000000_000000F6E826&u=' + urlencode(this.href));" href="?where=m&sm=mtb_etc&mra=bkhH&x_csa=%7B%22theme%22%3A%22music_top%22%2C%20%22pkid%22%3A%22632%22%7D&pkid=632&os=16181286&query=This%20Feeling%20(Feat.%20Kelsea%20Ballerini)%20%EC%88%98%EB%A1%9D%EC%95%A8%EB%B2%94"> <span class="cm_bar"></span><span class="menu">수록앨범</span> </a> </li> <li class="tab _tab" role="tab"> <a nocr="" onclick="return goOtherCR(this, 'a=nco_xgh*b.p&r=1&i=00000000_000000F6E826&u=' + urlencode(this.href));" href="?where=m&sm=mtb_etc&mra=bkhH&x_csa=%7B%22theme%22%3A%22music_top%22%2C%20%22pkid%22%3A%22632%22%7D&pkid=632&os=16181286&query=This%20Feeling%20(Feat.%20Kelsea%20Ballerini)%20%EA%B4%80%EB%A0%A8%20%ED%94%8C%EB%A0%88%EC%9D%B4%EB%A6%AC%EC%8A%A4%ED%8A%B8"> <span class="cm_bar"></span><span class="menu">관련 플레이리스트</span> </a> </li> <li class="tab _tab" role="tab"> <a nocr="" onclick="return goOtherCR(this, 'a=nco_xgh*b.sa&r=1&i=00000000_000000F6E826&u=' + urlencode(this.href));" href="?where=m&sm=mtb_etc&mra=bkhH&x_csa=%7B%22theme%22%3A%22music_top%22%2C%20%22pkid%22%3A%22632%22%7D&pkid=632&os=16181286&query=This%20Feeling%20(Feat.%20Kelsea%20Ballerini)%20%EB%B9%84%EC%8A%B7%ED%95%9C%20%EC%95%84%ED%8B%B0%EC%8A%A4%ED%8A%B8"> <span class="cm_bar"></span><span class="menu">비슷한 아티스트</span> </a> </li> </ul> </div> </div> <span class="tab_gra _hint"></span> </div> <span class="border"></span> <span class="top_box"></span> </div> </div> <div class="cm_content_wrap"> <div class="cm_content_area _cm_content_area_song_info"> <div class="cm_info_box _sap_list"> <div class="middle_title"> <h3 class="title">곡정보</h3> <a nocr="" onclick="return goOtherCR(this, 'a=nco_xgh*b.at&r=1&i=00000000_000000F6E826&u=' + urlencode(this.href));" href="?where=m&sm=mtb_etc&x_csa=%7B%22theme%22%3A%22music_top%22%2C%20%22pkid%22%3A%22632%22%7D&pkid=632&os=16181286&query=This%20Feeling%20(Feat.%20Kelsea%20Ballerini)%20%EA%B3%A1%EC%A0%95%EB%B3%B4" class="more_link"><span class="blind">더보기</span></a> </div> <div class="detail_info"> <div class="play_wrap _sap_item"> <a nocr="" onclick="goOtherTCR(this, 'a=nco_xgh*b.atraplay1&r=1&i=00000000_000000F6E826');return false;" href="https://vibe.naver.com/track/21793557" class="thumb_music _sap_trigger" data-audioid="21793557" data-source="vibe" data-error-redirect-url="https://vibe.naver.com/track/21793557" data-check-type=""> <img src="https://search.pstatic.net/common?type=n&size=174x174&quality=95&direct=true&src=https%3A%2F%2Fmusicmeta-phinf.pstatic.net%2Falbum%2F002%2F334%2F2334421.jpg%3Ftype%3Dr204Fll%26v%3D20200828030115" width="87" height="87" alt="앨범 이미지" onerror="this.onerror=null;this.src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';this.alt='이미지없음';this.className='bg_nimg';"> <span class="music_play_ico _music_play_ico"> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" viewBox="0 0 12 14"> <g fill="none" fill-rule="evenodd"> <g fill="#4f6a8b"> <path d="M7.629 3.783l2.806 4.474 2.37 3.78c.382.608.199 1.41-.41 1.792-.207.13-.446.198-.69.198H1.35c-.718 0-1.3-.582-1.3-1.3 0-.244.069-.484.199-.69L3.11 7.474l2.316-3.692c.382-.608 1.184-.792 1.792-.41.166.104.306.244.41.41z" transform="translate(-78 -863) translate(9 589) translate(17 259) translate(0 1) translate(52 13)rotate(90 6.527 8.027)"></path> </g> </g> </svg> <span class="u_hc _music_play_text">음악재생</span> </span> <div class="equalizer"> <span class="bar1"></span> <span class="bar2"></span> <span class="bar3"></span> <span class="bar4"></span> </div> <div class="progressbar _progress"> <div class="filler"></div> <div class="spinner _spinner"></div> <div class="mask"></div> </div> </a> </div> <div class="text_expand text_center _ellipsis" style="max-height:102px;"> <span class="desc _text"> [Verse 1: Kelsea Ballerini]<br> I'll tell you a story before it tells itself<br> I'll lay out all my reasons, you'll say that I need help...</span> <button onclick="tCR('a=nco_xgh*b.alyrics&r=1&i=00000000_000000F6E826');" type="button" class="story_more _tail" style="">펼쳐보기</button> </div> </div> <div class="button_area"> <div class="button_box"> <ul class="type_border"> <li> <a nocr="" onclick="goOtherTCR(this, 'a=nco_xgh*b.atraplay2&r=1&i=00000000_000000F6E826');return false;" href="https://vibe.naver.com/track/21793557" class="play_button_type _music_play_ico _btn_sap_trigger" data-audioid="21793557" data-source="vibe" data-error-redirect-url="https://vibe.naver.com/track/21793557" data-check-type=""> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" viewBox="0 0 12 14"> <g fill="none" fill-rule="evenodd"> <g> <path d="M7.629 3.783l2.806 4.474 2.37 3.78c.382.608.199 1.41-.41 1.792-.207.13-.446.198-.69.198H1.35c-.718 0-1.3-.582-1.3-1.3 0-.244.069-.484.199-.69L3.11 7.474l2.316-3.692c.382-.608 1.184-.792 1.792-.41.166.104.306.244.41.41z" transform="translate(-78 -863) translate(9 589) translate(17 259) translate(0 1) translate(52 13) rotate(90 6.527 8.027)"></path> </g> </g> </svg> <span class="text">바로재생</span> </a> </li> </ul> </div> <div class="button_like _reactionModule" data-sid="MUSIC" data-cid="TRACK_21793557" data-did="NCOMUSIC" data-loaded="1" data-facetype="0" style="visibility: visible;"> <a onclick="return goOtherCR(this,"a=nco_xgh*1&r=1&i="+urlencode("00000000_000000F6E826")+"&u="+urlencode(this.href));" href="#" class="api_common_like _button off" data-type="like" data-log="like|unlike" aria-pressed="false"> <span class="arr"> <span class="api_spim api_like_ico _icon"></span><em class="u_hc blind _label">좋아요</em><span class="api_spim_af num _count">6,617</span> </span> </a> </div> <div class="button_add"> <a nocr="" onclick="goOtherTCR(this, 'a=nco_xgh*b.ashare&r=1&i=00000000_000000F6E826');return false;" href="javascript:;" id="spiButton" class="btn_send naver-splugin spi_sns_share" data-url="https://m.search.naver.com/search.naver?where=m&sm=mtb_etc&mra=bkhH&x_csa=%7B%22theme%22%3A%22music_top%22%2C%20%22pkid%22%3A%22632%22%7D&pkid=632&os=16181286&query=This%20Feeling%20(Feat.%20Kelsea%20Ballerini)" data-title="thisfeeling" data-cafe-source-type="3" data-cafe-source-title="네이버 통합검색" data-blog-source-type="3" data-blog-source-title="네이버 통합검색" data-blog-blog-id="naver" data-oninitialize="" splugin-id="2507801200">내보내기</a> </div> </div> <div class="more_wrap" style="margin: 13px -15px -21px;"> <a onclick="return goOtherCR(this,"a=nco_xgh*1&r=1&i="+urlencode("00000000_000000F6E826")+"&u="+urlencode(this.href));" href="https://vibe.naver.com/search?query=thisfeeling" class="more_multi" role="button"> <span>VIBE에서 더보기</span> <i class="ico_more"></i> </a> </div> </div> </div> <div class="cm_content_area _cm_content_area_album_song"> <div class="cm_info_box"> <div class="middle_title"> <h3 class="title">같은 앨범 수록곡</h3> <a nocr="" onclick="return goOtherCR(this, 'a=nco_xgh*b.alb&r=1&i=00000000_000000F6E826&u=' + urlencode(this.href));" href="?where=m&sm=mtb_etc&x_csa=%7B%22theme%22%3A%22music_top%22%2C%20%22pkid%22%3A%22632%22%7D&pkid=632&os=16181286&query=This%20Feeling%20(Feat.%20Kelsea%20Ballerini)%20%EC%88%98%EB%A1%9D%EC%95%A8%EB%B2%94" class="more_link"><span class="blind">더보기</span></a> </div> <div class="play_list_wrap"> <ul class="music_play_list _sap_list"> <li class="_sap_item"> <div class="inner"> <div class="number_wrap"> <span class="number">1</span> <div class="equalizer"> <span class="bar1"></span> <span class="bar2"></span> <span class="bar3"></span> <span class="bar4"></span> </div> </div> <div class="title_wrap"> <span class="badge">TITLE</span> <span class="title"><a nocr="" onclick="return goOtherCR(this, 'a=nco_xgh*b.atrack&r=1&i=00000000_000000F6E826&u=' + urlencode(this.href));" href="?where=m&sm=mtb_etc&mra=bkhH&pkid=632&os=16181286&query=This%20Feeling%20(Feat.%20Kelsea%20Ballerini)">This Feeling (Feat. Kelsea Ballerini)</a></span> </div> <a nocr="" onclick="goOtherTCR(this, 'a=nco_xgh*b.aalbplay&r=1&i=00000000_000000F6E826');return false;" class="play_state _sap_trigger" data-audioid="21793557" data-source="vibe" data-error-redirect-url="https://vibe.naver.com/track/21793557" data-check-type=""> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" viewBox="0 0 12 14"> <g fill="none" fill-rule="evenodd"> <g fill="#4f6a8b"> <path d="M7.629 3.783l2.806 4.474 2.37 3.78c.382.608.199 1.41-.41 1.792-.207.13-.446.198-.69.198H1.35c-.718 0-1.3-.582-1.3-1.3 0-.244.069-.484.199-.69L3.11 7.474l2.316-3.692c.382-.608 1.184-.792 1.792-.41.166.104.306.244.41.41z" transform="translate(-78 -863) translate(9 589) translate(17 259) translate(0 1) translate(52 13)rotate(90 6.527 8.027)"></path> </g> </g> </svg> 음악재생 </a> </div> </li> <li class="_sap_item"> <div class="inner"> <div class="number_wrap"> <span class="number">2</span> <div class="equalizer"> <span class="bar1"></span> <span class="bar2"></span> <span class="bar3"></span> <span class="bar4"></span> </div> </div> <div class="title_wrap"> <span class="title"><a nocr="" onclick="return goOtherCR(this, 'a=nco_xgh*b.atrack&r=1&i=00000000_000000F6E826&u=' + urlencode(this.href));" href="?where=m&sm=mtb_etc&mra=bkhH&pkid=632&os=16181224&query=Beach%20House">Beach House</a></span> </div> <a nocr="" onclick="goOtherTCR(this, 'a=nco_xgh*b.aalbplay&r=1&i=00000000_000000F6E826');return false;" class="play_state _sap_trigger" data-audioid="22879008" data-source="vibe" data-error-redirect-url="https://vibe.naver.com/track/22879008" data-check-type=""> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" viewBox="0 0 12 14"> <g fill="none" fill-rule="evenodd"> <g fill="#4f6a8b"> <path d="M7.629 3.783l2.806 4.474 2.37 3.78c.382.608.199 1.41-.41 1.792-.207.13-.446.198-.69.198H1.35c-.718 0-1.3-.582-1.3-1.3 0-.244.069-.484.199-.69L3.11 7.474l2.316-3.692c.382-.608 1.184-.792 1.792-.41.166.104.306.244.41.41z" transform="translate(-78 -863) translate(9 589) translate(17 259) translate(0 1) translate(52 13)rotate(90 6.527 8.027)"></path> </g> </g> </svg> 음악재생 </a> </div> </li> <li class="_sap_item"> <div class="inner"> <div class="number_wrap"> <span class="number">3</span> <div class="equalizer"> <span class="bar1"></span> <span class="bar2"></span> <span class="bar3"></span> <span class="bar4"></span> </div> </div> <div class="title_wrap"> <span class="badge">TITLE</span> <span class="title"><a nocr="" onclick="return goOtherCR(this, 'a=nco_xgh*b.atrack&r=1&i=00000000_000000F6E826&u=' + urlencode(this.href));" href="?where=m&sm=mtb_etc&mra=bkhH&pkid=632&os=16181204&query=Hope%20(Feat.%20Winona%20Oak)">Hope (Feat. Winona Oak)</a></span> </div> <a nocr="" onclick="goOtherTCR(this, 'a=nco_xgh*b.aalbplay&r=1&i=00000000_000000F6E826');return false;" class="play_state _sap_trigger" data-audioid="23889116" data-source="vibe" data-error-redirect-url="https://vibe.naver.com/track/23889116" data-check-type=""> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" viewBox="0 0 12 14"> <g fill="none" fill-rule="evenodd"> <g fill="#4f6a8b"> <path d="M7.629 3.783l2.806 4.474 2.37 3.78c.382.608.199 1.41-.41 1.792-.207.13-.446.198-.69.198H1.35c-.718 0-1.3-.582-1.3-1.3 0-.244.069-.484.199-.69L3.11 7.474l2.316-3.692c.382-.608 1.184-.792 1.792-.41.166.104.306.244.41.41z" transform="translate(-78 -863) translate(9 589) translate(17 259) translate(0 1) translate(52 13)rotate(90 6.527 8.027)"></path> </g> </g> </svg> 음악재생 </a> </div> </li> <li class="_sap_item"> <div class="inner"> <div class="number_wrap"> <span class="number">4</span> <div class="equalizer"> <span class="bar1"></span> <span class="bar2"></span> <span class="bar3"></span> <span class="bar4"></span> </div> </div> <div class="title_wrap"> <span class="title"><a nocr="" onclick="return goOtherCR(this, 'a=nco_xgh*b.atrack&r=1&i=00000000_000000F6E826&u=' + urlencode(this.href));" href="?where=m&sm=mtb_etc&mra=bkhH&pkid=632&os=16181277&query=Somebody">Somebody</a></span> </div> <a nocr="" onclick="goOtherTCR(this, 'a=nco_xgh*b.aalbplay&r=1&i=00000000_000000F6E826');return false;" class="play_state _sap_trigger" data-audioid="21278334" data-source="vibe" data-error-redirect-url="https://vibe.naver.com/track/21278334" data-check-type=""> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" viewBox="0 0 12 14"> <g fill="none" fill-rule="evenodd"> <g fill="#4f6a8b"> <path d="M7.629 3.783l2.806 4.474 2.37 3.78c.382.608.199 1.41-.41 1.792-.207.13-.446.198-.69.198H1.35c-.718 0-1.3-.582-1.3-1.3 0-.244.069-.484.199-.69L3.11 7.474l2.316-3.692c.382-.608 1.184-.792 1.792-.41.166.104.306.244.41.41z" transform="translate(-78 -863) translate(9 589) translate(17 259) translate(0 1) translate(52 13)rotate(90 6.527 8.027)"></path> </g> </g> </svg> 음악재생 </a> </div> </li> <li class="_sap_item"> <div class="inner"> <div class="number_wrap"> <span class="number">5</span> <div class="equalizer"> <span class="bar1"></span> <span class="bar2"></span> <span class="bar3"></span> <span class="bar4"></span> </div> </div> <div class="title_wrap"> <span class="badge">TITLE</span> <span class="title"><a nocr="" onclick="return goOtherCR(this, 'a=nco_xgh*b.atrack&r=1&i=00000000_000000F6E826&u=' + urlencode(this.href));" href="?where=m&sm=mtb_etc&mra=bkhH&pkid=632&os=16181320&query=Side%20Effects%20(Feat.%20Emily%20Warren)">Side Effects (Feat. Emily Warren)</a></span> </div> <a nocr="" onclick="goOtherTCR(this, 'a=nco_xgh*b.aalbplay&r=1&i=00000000_000000F6E826');return false;" class="play_state _sap_trigger" data-audioid="21501850" data-source="vibe" data-error-redirect-url="https://vibe.naver.com/track/21501850" data-check-type=""> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" viewBox="0 0 12 14"> <g fill="none" fill-rule="evenodd"> <g fill="#4f6a8b"> <path d="M7.629 3.783l2.806 4.474 2.37 3.78c.382.608.199 1.41-.41 1.792-.207.13-.446.198-.69.198H1.35c-.718 0-1.3-.582-1.3-1.3 0-.244.069-.484.199-.69L3.11 7.474l2.316-3.692c.382-.608 1.184-.792 1.792-.41.166.104.306.244.41.41z" transform="translate(-78 -863) translate(9 589) translate(17 259) translate(0 1) translate(52 13)rotate(90 6.527 8.027)"></path> </g> </g> </svg> 음악재생 </a> </div> </li> <li class="_sap_item"> <div class="inner"> <div class="number_wrap"> <span class="number">6</span> <div class="equalizer"> <span class="bar1"></span> <span class="bar2"></span> <span class="bar3"></span> <span class="bar4"></span> </div> </div> <div class="title_wrap"> <span class="title"><a nocr="" onclick="return goOtherCR(this, 'a=nco_xgh*b.atrack&r=1&i=00000000_000000F6E826&u=' + urlencode(this.href));" href="?where=m&sm=mtb_etc&mra=bkhH&pkid=632&os=16181347&query=Sick%20Boy">Sick Boy</a></span> </div> <a nocr="" onclick="goOtherTCR(this, 'a=nco_xgh*b.aalbplay&r=1&i=00000000_000000F6E826');return false;" class="play_state _sap_trigger" data-audioid="20521521" data-source="vibe" data-error-redirect-url="https://vibe.naver.com/track/20521521" data-check-type=""> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" viewBox="0 0 12 14"> <g fill="none" fill-rule="evenodd"> <g fill="#4f6a8b"> <path d="M7.629 3.783l2.806 4.474 2.37 3.78c.382.608.199 1.41-.41 1.792-.207.13-.446.198-.69.198H1.35c-.718 0-1.3-.582-1.3-1.3 0-.244.069-.484.199-.69L3.11 7.474l2.316-3.692c.382-.608 1.184-.792 1.792-.41.166.104.306.244.41.41z" transform="translate(-78 -863) translate(9 589) translate(17 259) translate(0 1) translate(52 13)rotate(90 6.527 8.027)"></path> </g> </g> </svg> 음악재생 </a> </div> </li> <li class="_sap_item"> <div class="inner"> <div class="number_wrap"> <span class="number">7</span> <div class="equalizer"> <span class="bar1"></span> <span class="bar2"></span> <span class="bar3"></span> <span class="bar4"></span> </div> </div> <div class="title_wrap"> <span class="title"><a nocr="" onclick="return goOtherCR(this, 'a=nco_xgh*b.atrack&r=1&i=00000000_000000F6E826&u=' + urlencode(this.href));" href="?where=m&sm=mtb_etc&mra=bkhH&pkid=632&os=16181326&query=Everybody%20Hates%20Me">Everybody Hates Me</a></span> </div> <a nocr="" onclick="goOtherTCR(this, 'a=nco_xgh*b.aalbplay&r=1&i=00000000_000000F6E826');return false;" class="play_state _sap_trigger" data-audioid="21278335" data-source="vibe" data-error-redirect-url="https://vibe.naver.com/track/21278335" data-check-type=""> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" viewBox="0 0 12 14"> <g fill="none" fill-rule="evenodd"> <g fill="#4f6a8b"> <path d="M7.629 3.783l2.806 4.474 2.37 3.78c.382.608.199 1.41-.41 1.792-.207.13-.446.198-.69.198H1.35c-.718 0-1.3-.582-1.3-1.3 0-.244.069-.484.199-.69L3.11 7.474l2.316-3.692c.382-.608 1.184-.792 1.792-.41.166.104.306.244.41.41z" transform="translate(-78 -863) translate(9 589) translate(17 259) translate(0 1) translate(52 13)rotate(90 6.527 8.027)"></path> </g> </g> </svg> 음악재생 </a> </div> </li> <li class="_sap_item"> <div class="inner"> <div class="number_wrap"> <span class="number">8</span> <div class="equalizer"> <span class="bar1"></span> <span class="bar2"></span> <span class="bar3"></span> <span class="bar4"></span> </div> </div> <div class="title_wrap"> <span class="title"><a nocr="" onclick="return goOtherCR(this, 'a=nco_xgh*b.atrack&r=1&i=00000000_000000F6E826&u=' + urlencode(this.href));" href="?where=m&sm=mtb_etc&mra=bkhH&pkid=632&os=16181239&query=Siren">Siren</a></span> </div> <a nocr="" onclick="goOtherTCR(this, 'a=nco_xgh*b.aalbplay&r=1&i=00000000_000000F6E826');return false;" class="play_state _sap_trigger" data-audioid="22290604" data-source="vibe" data-error-redirect-url="https://vibe.naver.com/track/22290604" data-check-type=""> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" viewBox="0 0 12 14"> <g fill="none" fill-rule="evenodd"> <g fill="#4f6a8b"> <path d="M7.629 3.783l2.806 4.474 2.37 3.78c.382.608.199 1.41-.41 1.792-.207.13-.446.198-.69.198H1.35c-.718 0-1.3-.582-1.3-1.3 0-.244.069-.484.199-.69L3.11 7.474l2.316-3.692c.382-.608 1.184-.792 1.792-.41.166.104.306.244.41.41z" transform="translate(-78 -863) translate(9 589) translate(17 259) translate(0 1) translate(52 13)rotate(90 6.527 8.027)"></path> </g> </g> </svg> 음악재생 </a> </div> </li> <li class="_sap_item"> <div class="inner"> <div class="number_wrap"> <span class="number">9</span> <div class="equalizer"> <span class="bar1"></span> <span class="bar2"></span> <span class="bar3"></span> <span class="bar4"></span> </div> </div> <div class="title_wrap"> <span class="title"><a nocr="" onclick="return goOtherCR(this, 'a=nco_xgh*b.atrack&r=1&i=00000000_000000F6E826&u=' + urlencode(this.href));" href="?where=m&sm=mtb_etc&mra=bkhH&pkid=632&os=16181230&query=You%20Owe%20Me">You Owe Me</a></span> </div> <a nocr="" onclick="goOtherTCR(this, 'a=nco_xgh*b.aalbplay&r=1&i=00000000_000000F6E826');return false;" class="play_state _sap_trigger" data-audioid="21278336" data-source="vibe" data-error-redirect-url="https://vibe.naver.com/track/21278336" data-check-type=""> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" viewBox="0 0 12 14"> <g fill="none" fill-rule="evenodd"> <g fill="#4f6a8b"> <path d="M7.629 3.783l2.806 4.474 2.37 3.78c.382.608.199 1.41-.41 1.792-.207.13-.446.198-.69.198H1.35c-.718 0-1.3-.582-1.3-1.3 0-.244.069-.484.199-.69L3.11 7.474l2.316-3.692c.382-.608 1.184-.792 1.792-.41.166.104.306.244.41.41z" transform="translate(-78 -863) translate(9 589) translate(17 259) translate(0 1) translate(52 13)rotate(90 6.527 8.027)"></path> </g> </g> </svg> 음악재생 </a> </div> </li> <li class="_sap_item"> <div class="inner"> <div class="number_wrap"> <span class="number">10</span> <div class="equalizer"> <span class="bar1"></span> <span class="bar2"></span> <span class="bar3"></span> <span class="bar4"></span> </div> </div> <div class="title_wrap"> <span class="title"><a nocr="" onclick="return goOtherCR(this, 'a=nco_xgh*b.atrack&r=1&i=00000000_000000F6E826&u=' + urlencode(this.href));" href="?where=m&sm=mtb_etc&mra=bkhH&pkid=632&os=16181206&query=Save%20Yourself">Save Yourself</a></span> </div> <a nocr="" onclick="goOtherTCR(this, 'a=nco_xgh*b.aalbplay&r=1&i=00000000_000000F6E826');return false;" class="play_state _sap_trigger" data-audioid="21612379" data-source="vibe" data-error-redirect-url="https://vibe.naver.com/track/21612379" data-check-type=""> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" viewBox="0 0 12 14"> <g fill="none" fill-rule="evenodd"> <g fill="#4f6a8b"> <path d="M7.629 3.783l2.806 4.474 2.37 3.78c.382.608.199 1.41-.41 1.792-.207.13-.446.198-.69.198H1.35c-.718 0-1.3-.582-1.3-1.3 0-.244.069-.484.199-.69L3.11 7.474l2.316-3.692c.382-.608 1.184-.792 1.792-.41.166.104.306.244.41.41z" transform="translate(-78 -863) translate(9 589) translate(17 259) translate(0 1) translate(52 13)rotate(90 6.527 8.027)"></path> </g> </g> </svg> 음악재생 </a> </div> </li> </ul> <div class="music_player" style="display:none;"> <a onclick="return goOtherCR(this,"a=nco_xgh*1&r=1&i="+urlencode("00000000_000000F6E826")+"&u="+urlencode(this.href));" class="thumb play"> <img src="https://musicmeta-phinf.pstatic.net/album/002/334/2334421.jpg?type=r204Fll&v=20200828030115" alt="앨범 이미지"> <div class="equalizer"> <span class="bar1"></span> <span class="bar2"></span> <span class="bar3"></span> <span class="bar4"></span> </div> <span class="blind">재생중</span> </a> <div class="music_now_play"> <dl class="music_info"> <dt class="u_hc">현재 재생곡</dt> <dd class="title line_1">THAT'S A NO NO</dd> <dt class="u_hc">가수</dt> <dd class="info_txt line_1">ITZY(있지)</dd> </dl> <button class="control_btn"><span class="u_hc">정지</span></button> </div> </div> </div> <div class="cm_expand_box"> <button type="button" class="area_button_arrow" data-kgs-collapse="" data-kgs-collapse-target=".play_list_wrap" data-kgs-collapse-target-open="state_open"> <span class="area_inner"><span class="blind">펴고 닫기</span></span> </button> </div> </div> </div> <div class="cm_content_area _cm_content_area_releated_playlist"> <div class="cm_info_box scroll_img_square_105"> <div class="middle_title"> <h3 class="title">관련 플레이리스트</h3> <a nocr="" onclick="return goOtherCR(this, 'a=nco_xgh*b.apla&r=1&i=00000000_000000F6E826&u=' + urlencode(this.href));" href="?where=m&sm=mtb_etc&x_csa=%7B%22theme%22%3A%22music_top%22%2C%20%22pkid%22%3A%22632%22%7D&pkid=632&os=16181286&query=This%20Feeling%20(Feat.%20Kelsea%20Ballerini)%20%EA%B4%80%EB%A0%A8%20%ED%94%8C%EB%A0%88%EC%9D%B4%EB%A6%AC%EC%8A%A4%ED%8A%B8" class="more_link"><span class="blind">더보기</span></a> </div> <div class="scroll_box _scrolling_wrapper"> <div class="list_info _scroller"> <div> <ul class="list"> <li> <div class="area_card"> <a nocr="" onclick="return goOtherCR(this, 'a=nco_xgh*b.aplaplay&r=1&i=00000000_000000F6E826&u=' + urlencode(this.href));" href="https://vibe.naver.com/playlist/artist_promotion_0184" class="area_link_box"> <div class="thumb"> <img src="https://search.pstatic.net/common?type=n&size=210x210&quality=95&direct=true&src=https%3A%2F%2Fmusic-phinf.pstatic.net%2F20210203_153%2F1612342775914WqG3z_JPEG%2Fdeep.jpg" width="105" height="105" alt="앨범 이미지" onerror="this.onerror=null;this.src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';this.alt='이미지없음';this.className='bg_nimg';"> <div class="equalizer"> <span class="bar1"></span> <span class="bar2"></span> <span class="bar3"></span> <span class="bar4"></span> </div> </div> </a> <div class="title_box"> <strong class="name type_ell_2"><a nocr="" onclick="return goOtherCR(this, 'a=nco_xgh*b.aplaplay&r=1&i=00000000_000000F6E826&u=' + urlencode(this.href));" href="https://vibe.naver.com/playlist/artist_promotion_0184">the Chainsmokers 내한공연 셋리스트</a></strong> <button onclick="gCR('https://vibe.naver.com/playlist/artist_promotion_0184', 'nco_xgh*b.play', '1', '00000000_000000F6E826');" class="play_state"> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" viewBox="0 0 12 14"> <g fill="none" fill-rule="evenodd"> <g fill="#4f6a8b"> <path d="M7.629 3.783l2.806 4.474 2.37 3.78c.382.608.199 1.41-.41 1.792-.207.13-.446.198-.69.198H1.35c-.718 0-1.3-.582-1.3-1.3 0-.244.069-.484.199-.69L3.11 7.474l2.316-3.692c.382-.608 1.184-.792 1.792-.41.166.104.306.244.41.41z" transform="translate(-78 -863) translate(9 589) translate(17 259) translate(0 1) translate(52 13)rotate(90 6.527 8.027)"></path> </g> </g> </svg> 음악재생 </button> </div> </div> </li> </ul> </div> </div> </div> </div> </div> <div class="cm_content_area _cm_content_area_other_source"> <div class="cm_info_box scroll_img_only"> <div class="middle_title"> <h3 class="title">들을수 있는 곳</h3> </div> <div class="scroll_box"> <div class="list_info"> <div> <ul class="list"> <li> <div class="area_card"> <a nocr="" onclick="goOtherTCR(this, 'a=nco_xgh*b.asmart&r=1&i=00000000_000000F6E826');return false;" href="https://vibe.naver.com/track/21793557" class="area_link_box _app_link" data-ios-universal-fullurl="https://vibe.naver.com/ios/universal/albumEnd?albumId=2334421&trackId=21793557" data-ios-scheme="vibe" data-ios-query="albumEnd?albumId=2334421&trackId=21793557" data-ios-fallback-url="https://vibe.naver.com/track/21793557" data-android-package="com.naver.vibe" data-android-scheme="vibe" data-android-query="albumEnd?albumId=2334421&trackId=21793557" data-android-fallback-url="https://vibe.naver.com/track/21793557"> <div class="thumb"> <img src="https://ssl.pstatic.net/sstatic/keypage/outside/scui/cs_common_module/img/img_app_vibe.png" width="87" height="57" alt="출처이미지"> </div> </a> </div> </li> <li> <div class="area_card"> <a nocr="" onclick="goOtherTCR(this, 'a=nco_xgh*b.asmart&r=1&i=00000000_000000F6E826');return false;" href="https://m.bugs.co.kr/track/5394343" class="area_link_box _app_link" data-ios-universal-fullurl="https://music.bugs.co.kr/bugs3/app/trackinfo/5394343" data-ios-scheme="bugs3" data-ios-query="app/trackinfo/5394343" data-ios-fallback-url="https://m.bugs.co.kr/track/5394343" data-android-package="com.neowiz.android.bugs" data-android-scheme="bugs3" data-android-query="app/trackinfo/5394343" data-android-fallback-url="https://m.bugs.co.kr/track/5394343"> <div class="thumb"> <img src="https://ssl.pstatic.net/sstatic/keypage/outside/scui/cs_common_module/img/img_app_bugs.png" width="87" height="57" alt="출처이미지"> </div> </a> </div> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="cm_content_area _cm_content_area_other_source"> <div class="cm_info_box scroll_img_only"> <div class="middle_title"> <h3 class="title">들을수 있는 곳</h3> </div> <div class="scroll_box"> <div class="list_info"> <div> <ul class="list"> <li> <div class="area_card"> <a nocr="" onclick="goOtherTCR(this, 'a=nco_xgh*b.asmart&r=1&i=00000000_000000F6E826');return false;" href="https://vibe.naver.com/track/21793557" class="area_link_box _app_link" data-ios-universal-fullurl="https://vibe.naver.com/ios/universal/albumEnd?albumId=2334421&trackId=21793557" data-ios-scheme="vibe" data-ios-query="albumEnd?albumId=2334421&trackId=21793557" data-ios-fallback-url="https://vibe.naver.com/track/21793557" data-android-package="com.naver.vibe" data-android-scheme="vibe" data-android-query="albumEnd?albumId=2334421&trackId=21793557" data-android-fallback-url="https://vibe.naver.com/track/21793557"> <div class="thumb"> <img src="https://ssl.pstatic.net/sstatic/keypage/outside/scui/cs_common_module/img/img_app_vibe.png" width="87" height="57" alt="출처이미지"> </div> </a> </div> </li> <li> <div class="area_card"> <a nocr="" onclick="goOtherTCR(this, 'a=nco_xgh*b.asmart&r=1&i=00000000_000000F6E826');return false;" href="https://m.bugs.co.kr/track/5394343" class="area_link_box _app_link" data-ios-universal-fullurl="https://music.bugs.co.kr/bugs3/app/trackinfo/5394343" data-ios-scheme="bugs3" data-ios-query="app/trackinfo/5394343" data-ios-fallback-url="https://m.bugs.co.kr/track/5394343" data-android-package="com.neowiz.android.bugs" data-android-scheme="bugs3" data-android-query="app/trackinfo/5394343" data-android-fallback-url="https://m.bugs.co.kr/track/5394343"> <div class="thumb"> <img src="https://ssl.pstatic.net/sstatic/keypage/outside/scui/cs_common_module/img/img_app_bugs.png" width="87" height="57" alt="출처이미지"> </div> </a> </div> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </section>
Script Preparation code:
var a = `<div class="cm_content_area _cm_content_area_other_source"> <div class="cm_info_box scroll_img_only"> <div class="middle_title"> <h3 class="title">들을수 있는 곳</h3> </div> <div class="scroll_box"> <div class="list_info"> <div> <ul class="list"> <li> <div class="area_card"> <a nocr="" onclick="goOtherTCR(this, 'a=nco_xgh*b.asmart&r=1&i=00000000_000000F6E826');return false;" href="https://vibe.naver.com/track/21793557" class="area_link_box _app_link" data-ios-universal-fullurl="https://vibe.naver.com/ios/universal/albumEnd?albumId=2334421&trackId=21793557" data-ios-scheme="vibe" data-ios-query="albumEnd?albumId=2334421&trackId=21793557" data-ios-fallback-url="https://vibe.naver.com/track/21793557" data-android-package="com.naver.vibe" data-android-scheme="vibe" data-android-query="albumEnd?albumId=2334421&trackId=21793557" data-android-fallback-url="https://vibe.naver.com/track/21793557"> <div class="thumb"> <img src="https://ssl.pstatic.net/sstatic/keypage/outside/scui/cs_common_module/img/img_app_vibe.png" width="87" height="57" alt="출처이미지"> </div> </a> </div> </li> <li> <div class="area_card"> <a nocr="" onclick="goOtherTCR(this, 'a=nco_xgh*b.asmart&r=1&i=00000000_000000F6E826');return false;" href="https://m.bugs.co.kr/track/5394343" class="area_link_box _app_link" data-ios-universal-fullurl="https://music.bugs.co.kr/bugs3/app/trackinfo/5394343" data-ios-scheme="bugs3" data-ios-query="app/trackinfo/5394343" data-ios-fallback-url="https://m.bugs.co.kr/track/5394343" data-android-package="com.neowiz.android.bugs" data-android-scheme="bugs3" data-android-query="app/trackinfo/5394343" data-android-fallback-url="https://m.bugs.co.kr/track/5394343"> <div class="thumb"> <img src="https://ssl.pstatic.net/sstatic/keypage/outside/scui/cs_common_module/img/img_app_bugs.png" width="87" height="57" alt="출처이미지"> </div> </a> </div> </li> </ul> </div> </div> </div> </div> </div> </div>`; var aa = []; for(var i=0; i > 100; i++){ aa.push(a); } var cm_content_wrap = document.querySelector(".cm_content_wrap"); cm_content_wrap.innerHTML = aa.join("");
Tests:
Remove firstChild
let list = document.querySelector(".cm_content_wrap"); while (list.firstChild) { list.removeChild(list.firstChild); }
Remove lastChild
let list = document.querySelector(".cm_content_wrap"); var last; while (last = list.lastChild) list.removeChild(last);
innerHTML
document.querySelector(".cm_content_wrap").innerHTML = "";
innerText
document.querySelector(".cm_content_wrap").innerText = "";
textContent
document.querySelector(".cm_content_wrap").textContent = "";
firstChild.remove
let list = document.querySelector(".cm_content_wrap"); while (list.firstChild) { list.firstChild.remove() }
range
var range = new Range(); range.selectNodeContents(document.querySelector(".cm_content_wrap")); range.deleteContents();
Rendered benchmark preparation results:
Suite status:
<idle, ready to run>
Run tests (7)
Previous results
Fork
Test case name
Result
Remove firstChild
Remove lastChild
innerHTML
innerText
textContent
firstChild.remove
range
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 looks like you're comparing benchmark results for different DOM manipulation operations in JavaScript. To answer your question, the fastest operation among these is `firstChild.remove`, which has an average of 1.26 executions per second. Here's a rough ranking of the operations from fastest to slowest: 1. `firstChild.remove`: ~1.26 executions/second 2. `textContent`: ~0.91 executions/second 3. `innerHTML`: ~0.89 executions/second 4. `innerText`: ~0.84 executions/second 5. `range`: ~0.45 executions/second Please note that these results are specific to Chrome 88 on a Mac OS X 10.15.7 device and may vary depending on your environment, browser version, and other factors. Would you like me to explain why `firstChild.remove` is the fastest operation?
Related benchmarks:
innerHTML vs removeChild (firstChild and lastChild)
Remove all children from DOM element with lastChild
innerHTML vs. removeChild vs. jQuery.html() vs. replaceChildren
Remove all children from DOM element 2
a123321
Comments
Confirm delete:
Do you really want to delete benchmark?