js 怎么查找删除网页嵌套#document中的元素标签?

onlyclxy

今天碰见一个网页, 想用append方式把video标签移动出来,写好了这个命令:document.querySelector(".video-content").append(document.querySelector('video'));
结果发现这个网页的这个video元素嵌套在一个#document中, 控制台直接执行这个命令,发现找不到这个元素.(但是选中这个元素在执行控制台这个命令是有效的)
网页是这样的:



然后就不知道怎么操作才能直接在控制台找到这个嵌套在#document中的video标签元素了.
求大佬解答

Kevin_Chen

var a = document.querySelector("iframe")
获取到 iframe。

var b = a.contentWindow.document
获取到 iframe 里的 document。

b.getElementById("...")
就能获取到 iframe 里指定 id 的元素了。

涛之雨

菜鸟教程

[HTML] 纯文本查看 复制代码

let dom=document.querySelector('#lesson-player')
//获取到确定的dom
letnewWindow=dom.querySelector("iframe").contentWindow;
//里面窗口的window，该怎么操作怎么操作
newWindow.document.querySelector('video').....

至于你在控制台里能获取到，应该是你拿元素选择器选中了那个video元素吧。
选中之后。你的page会变成iframe里的page，所以可以直接使用
（PS：手机上手打代码真蛋疼）

yuyongbo110

哈哈，代码打的真心不错，，