如何清除没有innerHTML =“”的div的内容; [英] How do I clear the contents of a div without innerHTML = "";

问题描述

我有一个由JS创建的DOM填充的div，

我希望div在JS函数重复时被清除，但是我听说使用 document.getElementById（'elName'）。innerHTML =; 不是一个好主意，

什么是一个有效的替代方法来清除div的内容？

解决方案

如果你有jQuery，那么：

  $（'＃elName'）。empty（）; 
  

否则：

 code> var node = document.getElementById（'elName'）; 
 while（node.hasChildNodes（））{
 node.removeChild（node.firstChild）; 
} 
  

I have a div that is filled by JS created DOM elements,

I want the div to be cleared upon the JS function repeating, however I have heard that using document.getElementById('elName').innerHTML = ""; is not a good idea,

What is a valid alternative to doing this to clear the div's contents?

解决方案

If you have jQuery then:

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

Otherwise:

var node = document.getElementById('elName');
while (node.hasChildNodes()) {
    node.removeChild(node.firstChild);
}

这篇关于如何清除没有innerHTML =“”的div的内容;的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！