一个JS小问题

yuandeabc

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

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

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

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

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

低调做人呀呀呀

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

平淡最真

javascript:接命令存书签

爱飞的猫

看看是不是在 iframe 里面

d199212

网址贴上来看看

yuandeabc

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

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

yuandeabc

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

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

yuandeabc

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

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

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

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

7R903

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

yuandeabc

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