I found some jQuery code to clear the contents of a div:
$('#masterdiv').empty();
Is there any similar way to do this in raw javascript, without jQuery or any other library?
-
Post your code...Because we cant guess what you are doing...웃웃웃웃웃– 웃웃웃웃웃2013-05-08 07:15:06 +00:00Commented May 8, 2013 at 7:15
-
3Googling "javascript remove all childs" for example should answer this question.Denys Séguret– Denys Séguret2013-05-08 07:15:52 +00:00Commented May 8, 2013 at 7:15
-
"javascript empty a div" finds this: stackoverflow.com/questions/3450593/…John Dvorak– John Dvorak2013-05-08 07:17:06 +00:00Commented May 8, 2013 at 7:17
-
@dreamweiver there's nothing wrong with not wanting to use jQuery. "Educational purposes" is a valid reason. "extremely ligthweight (and we don't trust the browser's cache)" is another.John Dvorak– John Dvorak2013-05-08 07:20:32 +00:00Commented May 8, 2013 at 7:20
-
2@praveensingh it's not "instead of downvoting". It's "as well as downvote (and remove the vote if the question improves enough)". If there are only minor mistakes to fix, downvotes are not needed. Lack of research cannot be fixed, and this question won't be useful as a search target for a duplicate, either, I'm afraid (since a duplicate with the same keywords already exists).John Dvorak– John Dvorak2013-05-08 07:39:11 +00:00Commented May 8, 2013 at 7:39
|
Show 3 more comments
2 Answers
This code will work.
while (myNode.firstChild) {
myNode.removeChild(myNode.firstChild);
}
Mention the id of the tag on myNode for which you want to remove the inner child.
3 Comments
Cédric Belin
Using
myNode.lastChild instead of myNode.firstChild is usually faster.Cédric Belin
@cakelover The DOM reflow is less important with
lastChild. Imagine a stack of coins: firstChild is at the bottom, lastChild is at the top. It is easier to remove the top coin than the bottom one. measurethat.net/Benchmarks/Show/3545/0/…Please have a look on http://jsfiddle.net/2dJAN/19/
<div class="btn-post">123</div>
$(".btn-post").html("")
8 Comments
John Dvorak
The question is not how to determine if some div is empty. The question is how to empty it.
vinothini
Now i changed my post Mr.Jan Dvorak
Praveen Singh
@Vinodhini : He want to clear the contents such as child node inside the div not the innerHTML.
Praveen Singh
yes that's why gave upvote for the answer. But the example is not clear. Thats what i mentioned
diegodsp
The question is to use raw js, not jquery.
|