javascript - 如何去除div标签内容？

Question

如何使用 JavaScript 删除 div 标签的内容？

我已经尝试了一些代码，但它只删除了 level1 div(当然还有所有子元素)，但是我怎样才能只删除 level3 中的内容里面？

function destroyDiv() {
  var div = document.getElementById("level1");
  div.parentNode.removeChild(div);
}

<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('');