Question

我正在尝试通过label的innerHtml属性更改值。

<span class="input-container">

    <input type="checkbox"  name="opt-in" id="opt-in" class="checkbox opt-in" value="1235454905" />

    <label for="opt-in"> We may collect, use and process data according to our Privacy Policy</label>

</span>

我无法在关卡中添加ID或类，因为它是WordPress的短代码形式。有什么办法吗？感谢。

Answer 1

您只需使用label代码，或使用for='opt-in'或label of parent属性来获取标签innerHTML

＆＃13;

console.log(document.querySelector("label").innerHTML);
console.log(document.querySelector("label[for='opt-in']").innerHTML);
console.log(document.querySelector("#opt-in").parentElement.querySelector("label").innerHTML);

＆＃13;

<span class="input-container">

    <input type="checkbox"  name="opt-in" id="opt-in" class="checkbox opt-in" value="1235454905" />

    <label for="opt-in"> We may collect, use and process data according to our Privacy Policy</label>

</span>

＆＃13;

Answer 2

document.getElementsByTagName("label")[0]将选择页面上的第一个标签元素。只有在您确切知道HTML中元素的位置时，此方法才有效。

Answer 3

好吧，你可以使用document.getElementsByClassName()来表示此方法会返回Array，因此如果只有一个元素{{1}，则必须访问第一个组件}}。之后，您可以通过ClassName获取标签。

Answer 4

您可以通过进入WordPress管理页面=＆gt;添加课程或ID appearance =＆gt;编辑。在那里你可以使用WordPress编辑器添加类或id。

Answer 5

您可以选择任何属性的元素，并将其包装在方括号中。 JQuery是必需的。

在您的情况下，您可以使用("[for=opt-in")或("label[for=opt-in")

如果元素有名称，您也可以使用("[name=element_name")

在这里查看一些可用的方法，以及方括号。 https://www.w3schools.com/jquery/jquery_ref_selectors.asp

如何访问没有ID或类的html元素标签？

5 个答案: