JavaScript來去除HTML和貨幣符號

Question

我有這個網站：

<span class="price-amount amount"><span class="price-currencySymbol">£</span>49.99</span> 

我想不HTML和貨幣符號提取的'49 .99' 只是值。

我已經試過這樣：

function() { 
    var element = document.querySelector('.price-amount'); 
    var price = element.innerHTML.replace('£', ''); 
    return price; 
} 

但結果是這樣的：

<span class="price-currencySymbol">£</span>49.99 

不是：49.99

Answer 1

試試這個

var price = element.innerHTML.match(/\d+\.\d+/)[0]; 

其中

.match使用正則表達式搜索價格格局。

[0]返回第一個匹配，在你的情況下它將是唯一的匹配。

Answer 2

通過使用選擇邏輯和訪問你不正確的文本節點甚至不需要使用正則表達式。

var price = document.querySelector(".price-amount") 
 
        .childNodes[1].textContent; 
 
console.log(`Extracted price: ${price}`);

<span class="price-amount amount"><span class="price-currencySymbol">£</span>49.99</span>

Answer 3

如果要刪除什麼的，在任何情況下都'.price-currencySymbol'跨度，你中庸之道必須清空它的html：

document.querySelector(".price-amount").innerHTML = "";