如何使用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

注意：复选框旁边的文本可能应该使用标签元素来表达。