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

Question

我有这个元素：

<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>"

但它不起作用，因为我似乎不在“标签”元素内。

Answer 1

您可以使用文档查询选择器document.querySelector(".wpforms-field-label-inline").innerHTML&nbsp;=&nbsp;"cepto&nbsp;la&nbsp;<a&nbsp;href='https://XXXX/gdpr/'>política&nbsp;de&nbsp;privacidad&nbsp;TEST</a>";

Answer 2

请记住，您使用getElementById并添加了要搜索的类名。getElementById函数在 ID 属性内搜索数据：<div id="TO FIND"></div>使用元素 ID 替换代码如果要使用 ID 元素，可以使用以下代码执行此操作：document.getElementById("test").innerHTML = "your HTML code";我在下面添加了一个带有按钮的示例，如果您单击它，您请求的更改将被添加。function test() {&nbsp; 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">&nbsp; <input type="checkbox" id="wpforms-1028-field_3_1" name="wpforms[fields][3][]" value="Acepto la política de privacidad" required>&nbsp; <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 替换代码要通过搜索类名进行更改，您必须使用以下代码&nbsp; &nbsp; document.getElementsByClassName("wpforms-field-label-inline")[0].innerHTML = "Acepto la <a href='https://XXXX/gdpr/'>política de privacidad TEST</a>";