2011-05-06 118 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 = "";