yuandeabc 发表于 2023-2-1 22:45

一个JS小问题

新手小白自学js遇到一个小问题。一个视频播放页面,如果直接按F12,然后在控制台输入命令document.querySelector('video'),得到的结果如下图

貌似没有找到这个对象,当然与之对应的一系列JS命令都无法使用。

但是,如果你鼠标右键点击视频播放网页,再点“审查元素”,然后在控制台输入命令document.querySelector('video'),得到的结果如下图

很显然,找到了这个对象,与之对应的一系列JS命令都可以正常使用了。

问题:这是何故?有没有办法用某个JS命令,来避免鼠标右键点审查元素,让我可以直接按F12后直接在控制台输入document.querySelector('video')相关命令并得到执行。

低调做人呀呀呀 发表于 2023-2-1 23:35

会不会是一开始没有这个video,dom元素,然后你可能移动或者点击才触发生成这个video,自己调试一下

平淡最真 发表于 2023-2-2 00:02

本帖最后由 平淡最真 于 2023-2-2 00:03 编辑

javascript:接命令存书签

爱飞的猫 发表于 2023-2-2 00:14

看看是不是在 iframe 里面

d199212 发表于 2023-2-2 08:43

网址贴上来看看

yuandeabc 发表于 2023-2-2 08:44

低调做人呀呀呀 发表于 2023-2-1 23:35
会不会是一开始没有这个video,dom元素,然后你可能移动或者点击才触发生成这个video,自己调试一下

应该不是,因为即使点播放按钮,视频开始播放,哪怕视频播放结束了,document.querySelector('video')都是没有找到对象。不管视频有没有开始播放,右键审查元素点了后,就可以找到vido

yuandeabc 发表于 2023-2-2 08:45

平淡最真 发表于 2023-2-2 00:02
javascript:接命令存书签

测试没用,并且好像360极速浏览器也不大支持地址栏这种执行js的方式了

yuandeabc 发表于 2023-2-2 08:50

爱飞的猫 发表于 2023-2-2 00:14
看看是不是在 iframe 里面

你这回答非常正确,我把控制台这里修改成这样

无需鼠标右键审查元素,也能找到vido了。

问题是发现了,但是怎么解决document.querySelector('video') 在有框架下,执行的问题还不会。

7R903 发表于 2023-2-2 09:00

iframeid.document.querySelector('video') 试试

yuandeabc 发表于 2023-2-2 09:07

cn005897 发表于 2023-2-2 09:00
iframeid.document.querySelector('video') 试试

页: [1] 2 3
查看完整版本: 一个JS小问题