javascript - 如何在没有ID或类的情况下访问html元素标签？

Question

我正在尝试通过标签的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 ofparent来获取标签的innerHTML

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);

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