Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用document.querySelector获取输入标记旁边的文本?_Javascript_Html - Fatal编程技术网

Javascript 如何使用document.querySelector获取输入标记旁边的文本?

Javascript 如何使用document.querySelector获取输入标记旁边的文本?,javascript,html,Javascript,Html,我有下面的HTML,我需要在标记输入之后获取文本。 请注意,文本某些文本未包装在任何标记中 你知道怎么得到它吗 <input type="checkbox" /> Some text 一些文本 从本质上说,你不能 querySelector只能返回元素(或null),文本不是元素 您可以获取输入,然后获取它旁边的文本节点 const input=document.querySelector(“输入”); const text_node=input.nextSibling; 日志(

我有下面的HTML,我需要在标记输入之后获取文本。 请注意,文本
某些文本
未包装在任何标记中

你知道怎么得到它吗

<input type="checkbox" /> Some text
一些文本
从本质上说,你不能

querySelector
只能返回元素(或
null
),文本不是元素

您可以获取输入,然后获取它旁边的文本节点

const input=document.querySelector(“输入”);
const text_node=input.nextSibling;
日志(text_node.data)

一些文本
我同意,如果可以修改HTML,您可能应该将文本包装到标记中。甚至可以给这个标签一个唯一的Id。这将使查找文本更加健壮。想想如果有人插入一个隐藏元素会发生什么<代码>某些文本
-突然,文本不再是下一个标题
,即使用户看起来页面相同。是否可以直接在querySelector中执行此操作?@Radex-请参阅此答案中的第一句话。不,你不能。