首页 > 解决方案 > 使用 javascript 从 wordpress 插件更改标签

问题描述

我正在尝试使用自定义 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。

有任何想法吗?

标签: javascriptwordpressplugins

解决方案


您目前正在做以下错误:

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

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

label.innerText = 'Empresa';
<label  class="label">Sobrenome</label>

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

推荐阅读