從HTML移除文字的Javascript

Question

我需要一個腳本來從我的產品頁面中刪除一行文本“庫存數量：(缺貨）”。 我要刪除的特定HTML代碼是：

<span class="PageText_L329n"><strong class="prod_qty_label">
      Quantity in Stock
    </strong></span>
      :
    <span style="color:#cc0000;"><span class="StockQuantity_OutOfStock"></span></span><br></br>

我對Javascript的了解有限，我知道我需要從以下內容開始：

document.body.innerHTML = document.body.innerHTML.replace('', '');

但是我正在努力使其與javascript中的所有HTML標記一起使用。

在我的類別頁面（不同頁面）上，我試圖從HTML中刪除此文本，該文本可能在頁面中多次出現：

<b><font color="#CC0000">
<span class="PageText_L331n">(Out of Stock)</span>
</font></b>

任何幫助表示贊賞。

謝謝。

Answer 1

喜歡這個例子嗎？

<div>
<span class="PageText_L328n"><strong class="prod_qty_label">
      Quantity in Stock 1
    </strong></span>

</div>
<div>
<span class="PageText_L329n"><strong class="prod_qty_label">
      Quantity in Stock 2
    </strong></span>

</div>
<div>
<span class="PageText_L330n"><strong class="prod_qty_label">
      Quantity in Stock 3
    </strong></span>

</div>
<button id="button">Remove</button>

var button = document.getElementById("button");
var PageText_L329n = document.getElementsByClassName("PageText_L329n");

function remove() {
    if (PageText_L329n[0]) {
        PageText_L329n[0].parentNode.removeChild(PageText_L329n[0]);
    }
}

button.addEventListener("click", remove, false);

在jsfiddle上

此外，也許僅將其隱藏而不是將其從DOM中刪除就足夠了。

並用於清除文本

<b><font color="#CC0000">
<span class="PageText_L331n">(Out of Stock)</span>
</font></b>

<button id="clear">Clear</button>

var button = document.getElementById("clear");

function clearText() {
    document.getElementsByClassName("PageText_L331n")[0].textContent = "";
}

button.addEventListener("click", clearText, false);

在jsfiddle上