使用 javascript 从 wordpress 插件更改标签

Question

我正在尝试使用自定义 javascript 插件从另一个插件更改标签，但无法做到。

<li class="birs_form_field birs_client_name_last">
<label>Sobrenome</label><div class="birs_field_content">
<input id="birs_client_name_last" name="birs_client_name_last" type="text"> 
<input type="hidden" name="birs_client_fields[]" 
value="_birs_client_name_last"></div><div class="birs_error" 
id="birs_client_name_last_error"></div></li>

我只想将标签“Sobronome”更改为“Empresa”。以下代码不起作用。

window.onload = function(){
document.getElementsByClassName('birs_form_field birs_client_name_last').innerHTML = 'Empresa';
}

我也尝试过 innerText 和 value。

有什么想法吗？

Answer 1

您目前正在做以下错误：

getElementsByClassName 确实返回 NodeList 而不是单个元素。节点列表是元素的集合，因此没有innerText 属性。这是您可以解决的一种方法：

const label = document.querySelector('.label');

label.innerText = 'Empresa';

<label  class="label">Sobrenome</label>

1. 添加一个类或其他东西来选择标签中的元素
2. 更改内部文本属性。