Last Updated: February 25, 2016
·
1.405K
· moox

Empty a DOM element

#dom
#javascript
#empty

Short snippet of JavaScript to empty an HTML DOM element without memory leak:

while(el.lastChild) delete el.removeChild(el.lastChild);
#dom
#javascript
#empty

Written by Maxime Thirouin

Say Thanks
Respond

Related protips

'Safe' $apply in Angular.JS

141.1K
16

Why you should always append DOM elements using DocumentFragments

95.99K
10

Don't use innerHTML to empty DOM elements

51.64K
5

3 Responses
Add your response

zaus

looks similar to jQuery('something').empty().

search for empty: function in the source to see how they do it

over 1 year ago ·
moox

@zaus jQuery.fn.empty()use a private method now https://github.com/jquery/jquery/blob/5179fa00b839ebc70ec38fb0cf6cb8f8c412f37e/src/manipulation.js#L96
But it use the same while trick not so long ago.

over 1 year ago ·
zaus

that's what i thought i was pointing to -- your ref is newer than latest, so it's a little different. i was only mentioning it as a comparison between your tip and how jQuery does it.

over 1 year ago ·

Have a fresh tip? Share with Coderwall community!

Post
Post a tip
Best #Dom Authors
thomaslindstr_m
151.7K
#dom
#oss
#html
mrvdot
141.1K
#dom
#javascript
#go
dcondrey
27.72K
#dom
#HTML5
#CSS3
bontojr
21.45K
#dom
#Objective-C
#ruby
pascal
18.83K
#dom
#javascript
#responsive webdesign
Related Tags
#dom
#javascript
#empty
Sponsored by
#native_company#
#native_desc#
#native_cta#
Filed Under
Javascript Tips to Beat the DOM Into Submission
Awesome Job
See All Jobs
Post a job for only $299
Thanks to our sponsor
Sponsored by #native_company# — Learn More
#native_title# #native_desc#
#native_cta#