Javascript 文档正文在全屏显示时为空

Javascript 文档正文在全屏显示时为空,javascript,vue.js,Javascript,Vue.js,当用户使用全屏模式(浏览器内支持全屏API)时,我遇到了一些问题 如果用户没有使用全屏,一切似乎都正常 insertBody(elx) { let bodyx = document.body bodyx.insertBefore(elx, document.body.firstChild) }, removeBody(element) { let bodyx = document.body bodyx.removeChild(element) } 但是,如果

当用户使用全屏模式(浏览器内支持全屏API)时,我遇到了一些问题

如果用户没有使用全屏,一切似乎都正常

 insertBody(elx) {
    let bodyx = document.body
    bodyx.insertBefore(elx, document.body.firstChild)
 },
 removeBody(element) {
   let bodyx = document.body
   bodyx.removeChild(element)
 }
但是,如果用户处于全屏模式
bodyx
则为空

如果我像这样更改bodyx

 bodyx = !document.body ? document.fullScreenElement : document.body
我在“节点”上执行“removeChild”时遇到错误
:要删除的节点不是此节点的子节点。


如果我将
removeChild
更改为
remove
并传入元素对象,它会很好地删除整个DOM

尝试删除元素本身:

removeBody(element) {
   element.remove();
}

我无法复制这个问题。全屏显示你要去哪里的代码?啊哈!当你盯着某件事看得太久,而简单的答案就在你面前。非常感谢