使用javascript删除div标签内容 [英] Remove div tag content with javascript

问题描述

有谁可以帮我，我怎样才能用javascript删除div标签的内容？

Could anyone help me how can i remove the content of a div tag with javascript?

我试过这个：

它删除 level1 div（当然还有里面的所有div标签），但是如何只删除 level3 里面？

It removes the level1 div (and of course all div tag inside), but how can i remove only the content in level3 inside?

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

推荐答案

这可以用于文件。 getElementById（level3）。innerHTML =''; 但是尝试考虑使用jQuery，因为 .innerHTML 实现在某些浏览器中有所不同。 jQuery看起来像 $（'＃level3'）。html（''）;

This sould work document.getElementById("level3").innerHTML = ''; but try thinking about using jQuery, because .innerHTML implementation differs in some browsers. jQuery would look like $('#level3').html('');

这篇关于使用javascript删除div标签内容的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！