2011-05-06 116 views
7

任何人都可以帮助我如何删除JavaScript标记的内容?使用javascript去除div标记内容

我试着用这样的:

它消除了level1 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()'> 
+0

你想删除的DIV本身或特定div的开始和结束标记里面的内容是不是从你的文章清楚。 – check123 2011-05-06 08:53:36

+0

只是内容。 – holian 2011-05-06 08:59:26

+0

我想你已经得到了不少答案,几乎一致而且正确。 – check123 2011-05-06 09:01:06

回答

17

这要高度重视工作document.getElementById("level3").innerHTML = '';但尽量考虑使用jQuery,因为.innerHTML实现在某些浏览器不同。 jQuery的会是什么样子$('#level3').html('');

+0

谢谢大家。无论如何,我使用jquery,所以我使用这种方式。 – holian 2011-05-06 09:05:06

+4

@holian:那么为什么问题被标记为JavaScript?这又如何:***我怎样才能删除JavaScript标记的内容与JavaScript ***? – 2011-05-06 09:06:42

0

这个怎么样?

var div = document.getElementById("level3"); 
div.innerHTML = ""; 
3

为什么不直接访问level3

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

您可以使用:

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