为了账号安全,请及时绑定邮箱和手机立即绑定

更改插入href的标签元素的值

更改插入href的标签元素的值

慕侠2389804 2022-05-26 17:40:40
我有这个元素:<li class="choice-1 depth-1"><input type="checkbox" id="wpforms-1028-field_3_1" name="wpforms[fields][3][]" value="Acepto la política de privacidad" required ><label class="wpforms-field-label-inline" for="wpforms-1028-field_3_1">Acepto la política de privacidad</label></li>我想更改此文本:Acepto la política de privacidad对此:Acepto la <a href='https://XXXX/gdpr/'>política de privacidad TEST</a>我试过这段代码:document.getElementById("wpforms-1028-field_3_1").value="Acepto la <a href='https://XXXX/gdpr/'>política de privacidad TEST</a>"但它不起作用,因为我似乎不在“标签”元素内。
查看完整描述

2 回答

?
慕村225694

TA贡献1880条经验 获得超4个赞

您可以使用文档查询选择器

document.querySelector(".wpforms-field-label-inline").innerHTML = "cepto la <a href='https://XXXX/gdpr/'>política de privacidad TEST</a>";



查看完整回答
反对 回复 2022-05-26
?
慕勒3428872

TA贡献1848条经验 获得超6个赞

请记住,您使用getElementById并添加了要搜索的类名。getElementById函数在 ID 属性内搜索数据:


<div id="TO FIND"></div>

使用元素 ID 替换代码


如果要使用 ID 元素,可以使用以下代码执行此操作:


document.getElementById("test").innerHTML = "your HTML code";

我在下面添加了一个带有按钮的示例,如果您单击它,您请求的更改将被添加。


function test() {

  document.getElementById("test").innerHTML = "Acepto la <a href='https://XXXX/gdpr/'>política de privacidad TEST</a>";

}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<li class="choice-1 depth-1">

  <input type="checkbox" id="wpforms-1028-field_3_1" name="wpforms[fields][3][]" value="Acepto la política de privacidad" required>

  <label id="test" class="wpforms-field-label-inline" for="wpforms-1028-field_3_1">Acepto la política de privacidad</label></li>


<button onClick="test();">Click me to change</button>


使用元素 CLASS NAME 替换代码


要通过搜索类名进行更改,您必须使用以下代码


    document.getElementsByClassName("wpforms-field-label-inline")[0].innerHTML = "Acepto la <a href='https://XXXX/gdpr/'>política de privacidad TEST</a>";



查看完整回答
反对 回复 2022-05-26
  • 2 回答
  • 0 关注
  • 110 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信