使用javascript控制頁面上的文本

嗨我需要在這段snipet代碼中控制工作'paypal'。使用javascript控制頁面上的文本

<tr class="total"> 
<td class="text-right">Total inc VAT: &nbsp;</td> 
<td class="text-center">£0.00</td> ***this is the basket total*** 
</tr>

和

<label class="radio-inline"> 
<input type="radio" name="paymentmethod" value="paypal" id="pgbtnpaypal" onclick="hideCCForm()"> 
PayPal ***this is the wording to change*** 
</label>

我不能對任何類或ID添加到代碼的第二片段，因此上述需要保持原樣。

我需要一個條件語句說：

'如果購物籃總數= 0.00英鎊，則將「Paypal」字樣更改爲「免費購物籃」。

有沒有可以幫助我實現這個功能的JS嚮導？

在此先感謝

來源

2017-09-15 Doug

那是哪裏設置了'''£0.00'''值的代碼？ – Wainage

歡迎使用Stack Overflow，如果您可以提供有關您的環境的更多詳細信息，將會很有幫助。你在使用JQuery嗎？角？反應或別的東西。答案將根據不同而有所不同 – Mikkel

下面應該工作：

(function() { 
 
    isFree(document.querySelector("tr.total td.text-center").innerHTML); 
 
})(); 
 

 
function isFree(cost) { 
 
    var a = '<input type="radio" name="paymentmethod" value="paypal" id="pgbtnpaypal" onclick="hideCCForm()">'; 
 
    var el = document.getElementById('pgbtnpaypal').parentNode; 
 
    if(cost === 0 || cost == "£0.00") { 
 
    el.innerHTML = a + 'Free Basket'; 
 
    } 
 
}

<table> 
 
    <tr class="total"> 
 
    <td class="text-right">Total inc VAT: &nbsp;</td> 
 
    <td class="text-center">£0.00</td> 
 
    </tr> 
 
</table> 
 
<br/> 
 
<label class="radio-inline"> 
 
<input type="radio" name="paymentmethod" value="paypal" id="pgbtnpaypal" onclick="hideCCForm()"> 
 
PayPal 
 
</label>

來源

2017-09-15 22:48:15 NoNickAvailable

令人驚歎！非常棒 - 非常感謝你:) – Doug

使用javascript控制頁面上的文本

回答

相關問題