Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/389.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.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从复选框中获取范围文本?_Javascript_Html_Dom_Checkbox_Text - Fatal编程技术网

如何使用Javascript从复选框中获取范围文本?

如何使用Javascript从复选框中获取范围文本?,javascript,html,dom,checkbox,text,Javascript,Html,Dom,Checkbox,Text,假设我有以下代码: <p> <label> <input name="milk" type="checkbox"> <span>Milk</span> </label> </p> 牛奶 如何使用javascript获取span标记之间的文本?如果登录到控制台,结果应该是Milk。谢谢大家! 您可以将此发送到复选框的onclick方法中,因此它调用的函数可以跟

假设我有以下代码:

  <p>
    <label>
      <input name="milk" type="checkbox">
      <span>Milk</span>
    </label>
  </p>

牛奶


如何使用javascript获取
span
标记之间的文本?如果登录到控制台,结果应该是
Milk
。谢谢大家!

您可以将
发送到复选框的onclick方法中,因此它调用的函数可以跟踪单击的元素,并访问其父元素,以便访问父元素的子span元素

见下文:

函数打印文本(el){
log(el.parentNode.querySelector('span').innerHTML);
}

牛奶

您可以将
发送到复选框的onclick方法中,因此它调用的函数可以跟踪单击的元素并访问其父元素,以便访问父元素的子span元素

见下文:

函数打印文本(el){
log(el.parentNode.querySelector('span').innerHTML);
}

牛奶

你好!谢谢你的留言!但是如果html无法更改怎么办?@peachpops好的,我编辑了我的答案以包含您的场景。让我知道这是否解决了你的问题problem@peachpops没问题,小心点你好!谢谢你的留言!但是如果html无法更改怎么办?@peachpops好的,我编辑了我的答案以包含您的场景。让我知道这是否解决了你的问题problem@peachpops没问题,小心点