Javascript 如何使用document.querySelector获取输入标记旁边的文本?
我有下面的HTML,我需要在标记输入之后获取文本。 请注意,文本Javascript 如何使用document.querySelector获取输入标记旁边的文本?,javascript,html,Javascript,Html,我有下面的HTML,我需要在标记输入之后获取文本。 请注意,文本某些文本未包装在任何标记中 你知道怎么得到它吗 <input type="checkbox" /> Some text 一些文本 从本质上说,你不能 querySelector只能返回元素(或null),文本不是元素 您可以获取输入,然后获取它旁边的文本节点 const input=document.querySelector(“输入”); const text_node=input.nextSibling; 日志(
某些文本未包装在任何标记中
你知道怎么得到它吗
<input type="checkbox" /> Some text
一些文本
从本质上说,你不能
querySelector
只能返回元素(或null
),文本不是元素
您可以获取输入,然后获取它旁边的文本节点
const input=document.querySelector(“输入”);
const text_node=input.nextSibling;
日志(text_node.data)代码>
一些文本
我同意,如果可以修改HTML,您可能应该将文本包装到标记中。甚至可以给这个标签一个唯一的Id。这将使查找文本更加健壮。想想如果有人插入一个隐藏元素会发生什么<代码>某些文本
-突然,文本不再是下一个标题
,即使用户看起来页面相同。是否可以直接在querySelector中执行此操作?@Radex-请参阅此答案中的第一句话。不,你不能。