更改输入字段内的标签文本答案

【问题标题】：Change label text inside an input field更改输入字段内的标签文本
【发布时间】：2021-07-13 14:25:10
【问题描述】：

我想将付款标签（“UepaPay”）更改为信用卡/借记卡。供应商不允许我更改付款方式名称，所以我想也许我可以用 JS 更改它但是......这里的问题是我在使用 Wordpress，所以我无法更改我得到的大部分代码.如果有 ID 或类，我可以更改标签，但事实并非如此。

看截图：

Label problem

有没有办法在没有id的情况下改变标签文字？

【问题讨论】：

选择元素的方法有很多种，因此我们几乎可以肯定地提出一种方法，但不幸的是，代码图像无法访问、无法搜索并且无法轻松转换为实用示例。考虑到这一点，请在您的问题中发布您的 (“minimal reproducible example”} 代码 as 代码。

标签： javascript html input label

【解决方案1】：

您可以使用 'querySelector' 方法来搜索属性。

document.getElementById('change').addEventListener('click', () => {
  document.querySelector(['[for=payment-pay]']).innerHTML = 'Credit/Debit Card'
})

<label for='payment-pay'>Payment Pay</label>
<button id='change'>Change to Credit/Debit Card</button>

【讨论】：

不起作用但对我有很大帮助我需要尝试其他我认为是因为元素位于大型机上