如何使用document.querySelector在输入标签下获取文本？

Question

我有以下HTML，我需要在标签输入后获取文本。 请注意，文本Some text并未包装在任何标签中。

您知道一种获取方法吗？

<input type="checkbox" /> Some text

Answer 1

您不能，本身。

querySelector只能返回一个元素（或null），而文本不是元素。

您可以获取输入，然后获取其旁边的文本节点。

const input = document.querySelector("input");
const text_node = input.nextSibling;
console.log(text_node.data);

<input type="checkbox" /> Some text

注意：应该使用a label element表示复选框可能旁边的文本。