目标标签然后使用 Javascript 替换文本

【问题标题】：Target Label Then Replace Text Using Javascript目标标签然后使用 Javascript 替换文本
【发布时间】：2021-07-08 03:22:33
【问题描述】：

我们有一个预订系统插件，其中有一个“电子邮件”字段，我们需要将其更改为“代理电子邮件”。我需要知道如何使用内联 JS 将“电子邮件”标签更改为“代理电子邮件”。这很困难，因为该字段没有附加 ID 或 Class。转到https://www.rudyspest.com/calendar-a/，然后选择日期和时间，您将看到表格。电子邮件字段需要更改...

这是我一直在玩的一些代码，请随时从头开始或更改：

<script>
    var div = document.querySelectorAll(".t.tbk-field-text label");

    for(var i=0; i < div.length; i++){

        var div1 = div[i].innerHTML;
        if (div1 == "Email") {
            div[i].innerHTML = "Agents Email";
        }
</script>

【问题讨论】：

标签： javascript wordpress plugins innerhtml

【解决方案1】：

您的代码做得很好，但使用 innerText 而不是 innerHTML 来检查标签元素的文本并使用 replace 将 Email 替换为 Agents Email 会更好，因为标签最终可能会也包含其他空元素。

这是我的方法：

const labelEles = document.querySelectorAll(".tbk-reservation-form label");

if (labelEles.length) {
  for(let i = 0; i < labelEles.length; i++){
    const curLabelEle = labelEles[i];
    if (curLabelEle.innerText === "Email")
      curLabelEle.innerHTML = curLabelEle.innerHTML.replace("Email", "Agents Email")
  }
}

【讨论】：