使用javascript控制页面上的文本

时间:2017-09-15 22:33:13

标签: javascript

嗨,我需要在这段代码中控制工作'paypal'。

<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”改为“Free Basket”。

是否有任何JS向导可以帮助我实现这一目标?

提前致谢

d

1 个答案:

答案 0 :(得分:0)

以下内容应该有效:

(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>