原始 javascript 等效于 jQuery.empty() [重复]答案

【问题标题】：Raw javascript equivalent to jQuery.empty() [duplicate]原始 javascript 等效于 jQuery.empty() [重复]
【发布时间】：2013-05-02 08:02:30
【问题描述】：

我找到了一些 jQuery 代码来清除 div 的内容：

$('#masterdiv').empty();

在没有 jQuery 或任何其他库的情况下，在原始 javascript 中是否有类似的方法？

【问题讨论】：

发布您的代码...因为我们无法猜测您在做什么...
谷歌搜索“javascript remove all childs”应该回答这个问题。
"javascript empty a div" 发现：stackoverflow.com/questions/3450593/…
@dreamweiver 不想使用 jQuery 并没有错。 “教育目的”是一个正当理由。 “非常轻量级（而且我们不信任浏览器的缓存）”是另一个。
@praveensingh 这不是“而不是投票”。它是“以及否决票（如果问题足够改善，则删除投票）”。如果只有小错误需要修复，则不需要投票。缺乏研究是无法解决的，恐怕这个问题也不能作为重复的搜索目标（因为已经存在具有相同关键字的重复）。

【解决方案1】：

此代码将起作用。

while (myNode.firstChild) {
    myNode.removeChild(myNode.firstChild);
}

在 myNode 上提及要删除其内部子级的标记的 id。

【讨论】：

使用myNode.lastChild 而不是myNode.firstChild 通常更快。
@CedX 你能解释一下为什么吗？还是提供证据？
@cakelover 对于lastChild，DOM 重排不太重要。想象一堆硬币：firstChild 在底部，lastChild 在顶部。取出顶部硬币比取出底部硬币更容易。 measurethat.net/Benchmarks/Show/3545/0/…

【解决方案2】：

请看一下 http://jsfiddle.net/2dJAN/19/

<div class="btn-post">123</div>   

$(".btn-post").html("")

【讨论】：