Javascript 如果html与字符串匹配，则更改其内容

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

html

付款类型：
[混浊法]

js

$（文档）.ready（函数（）{
var doc=document.getElementById（'paymentMethod'）.innerHTML；
var res=单据替换（“账户客户”、“待付款”）；
document.getElementById（“paymentMethod”）.innerHTML=res；
if（document.getElementById（'paymentMethod'）。innerHTML==='Payment pending'）{
document.getElementById（'element'）。追加（“支付选项：银行支付”
”；
控制台日志（“插入”）；
}
其他的
控制台日志（“未插入”）；
});

执行追加操作时，您将按ID查找元素，如果修复该元素，则该元素没有ID，但类为yes

改变

<div class="element" id="element"></div>

---

我想这可能就是你想要的：

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

付款类型：
待付款
document.addEventListener（'DOMContentLoaded'，函数（e）{
var paymentMethodElement=document.getElementById（'paymentMethod'）；
var elementElement=document.getElementById（'element'）；
paymentMethodElement.innerHTML=“账户客户”；
如果（paymentMethodElement.innerHTML==“帐户客户”）{
警报（'Payment method==账户客户！'）；
elementElement.innerHTML=“付款选项：银行付款”
”；
}否则{
警惕（“出了什么事！”）；
}
});

这太棒了，一个问题是它适用于所有付款类型，我只想在付款方式等于account时使用它customers@JohnDoi我会相应地更新答案。编辑：我还将您的“默认文本”更新为

待付款

，因为这似乎是您的初始状态。谢谢您的建议。我的问题是id=paymenetMethod会动态更改，因此它可以是一系列不同的选项。我不能强迫你在付款前这么做。我需要测试这是否是帐户客户，并且只有当它是帐户客户时，才替换它，否则就不管它是什么。@JohnDoi元素的可能值是什么？此外，在这种情况下使用数据属性也是一个好主意。另外，您正在使用PHP吗？一个更好的解决方案是从PHP更改HTML输出。我可以把它替换掉，但我的OP中的if语句无法工作。

<div class="element" id="element"></div>

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