javascript - 如果 html 的内容与字符串匹配，则更改它的内容

Question

尝试使用 if 语句来检查一段 html 是否等于一个字符串，以及是否替换它。到目前为止，付款方式将更改为“待付款”，但新的段落元素不会更改。 opaymethod 根据客户支付商品的方式动态变化。

html

<div class="label">Payment Type:</div>
    <div class="text" id="paymentMethod">[opaymethod]</div>
    <div class="clear"></div>
<div class="element"></div>

js

$(document).ready(function() {
  var doc = document.getElementById('paymentMethod').innerHTML;
  var res = doc.replace("Account customers", "Payment pending");

  document.getElementById("paymentMethod").innerHTML = res;


  if(document.getElementById('paymentMethod').innerHTML === 'Payment pending'){

    document.getElementById('element').append("<p>Payment Options: Bank payment</p>");
     console.log("inserted");
  }
  else
     console.log("not inserted");    
});

Answer 1

我想这可能就是您正在寻找的:

<div class="label">Payment Type:</div>
<div class="text" id="paymentMethod">Payment pending</div>
<div class="clear"></div>
<div class="element" id="element"></div>

<script>
    document.addEventListener('DOMContentLoaded', function(e){
        var paymentMethodElement = document.getElementById('paymentMethod');
        var elementElement = document.getElementById('element');
        paymentMethodElement.innerHTML = "Account customers";

        if( paymentMethodElement.innerHTML == "Account customers" ){
            alert('Payment method == Account customers!');
            elementElement.innerHTML = "<p>Payment Options: Bank payment</p>";

        } else {
            alert('Something went wrong!');
        }
    });
</script>