刪除DIV

Question

內所有的HTML元素我有這樣的HTML：

<div class="row" id="conditional-one"> 
    <div class="large-12 columns"> 
      <h3><?php echo $arrayStage_rule_one_title?></h3> 
      <p> 
      <?php echo $arrayStage_rule_one_description?> 
      </p> 
      <ul style="list-style-type:disc; margin-left:10px;"> 
      <?php echo $arrayStage_rule_one_description_bullets?> 
      </ul> 
      <h3><?php echo $arrayStage_rule_one_bullets_title?></h3> 
      <br> 
      <ul style="list-style-type:disc; margin-left:10px;"> 
      <?php echo $html_rule_one_bullets?> 
      </ul> 
    </div> 
</div> 

而且我想，如果這個條件滿足時刪除div中所有的HTML元素與id="conditional-one"：

// select div by ID 
var conditionalOne = document.getElementById("conditional-one"); 

// Assign PHP strings to JavaScript variables 
var conditionalOneText = '<?php echo $place_bullet_one?>'; 

if (conditionalOneText !== "1" || conditionalOneText !== "2") { 
    conditionalOne.removeChild(conditionalOne.firstChild); 
} else { 
    // do nothing 
} 

當前ConditionalOneText爲== 3，但conditional-one內的div未被擦除。如果條件滿足，任何人都可以幫我清除conditional-one div中的所有HTML元素嗎？

Answer 1

只需通過設置innerHTML到""刪除所有內容。另外，如果你真的不打算在你的else塊中做任何事情，那麼你可以完全刪除它，這將消除你的代碼中可能的混淆。

// select div by ID 
var conditionalOne = document.getElementById("conditional-one"); 

// Assign PHP strings to JavaScript variables 
var conditionalOneText = '<?php echo $place_bullet_one?>'; 

if (conditionalOneText !== "1" || conditionalOneText !== "2") { 
    // You can remove all nested HTML content simply by setting 
    // the innerHTML property of the element to "". 
    conditionalOne.innerHTML = ""; 
}