使用javascript删除div标签内容

Question

任何人都可以帮助我如何用javascript删除div标签的内容？

我试过这个:

它删除了level1div(当然还有div里面的所有div标签),但我怎样才能删除level3里面的内容？

<script language=javascript>
      function destroyDiv() {

           var div = document.getElementById("level1");
           div.parentNode.removeChild(div);

      }
 </script>


 <div id="level1">

     <div id="level2">

           <div id="level3">
               <label> Test content </label>
           </div>

     </div
 </div>

 <div id=blahDiv>Remove me</div>
 <input type=button value='Remove the div' onclick='destroyDiv()'>

Answer 1

这可以工作,document.getElementById("level3").innerHTML = '';但尝试考虑使用jQuery,因为.innerHTML实现在某些浏览器中有所不同.jQuery看起来像$('#level3').html('');

Answer 2

您为什么不直接访问level3？

   document.getElementById("level3").innerHTML = "";