javascript - 全屏显示文档正文为空

Question

当用户使用全屏模式时我遇到了一些问题（浏览器中的全屏 API 支持）

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

 insertBody(elx) {
    let bodyx = document.body
    bodyx.insertBefore(elx, document.body.firstChild)
 },
 removeBody(element) {
   let bodyx = document.body
   bodyx.removeChild(element)
 }

但是，如果用户处于全屏模式bodyx，则为 null

如果我bodyx这样改变

 bodyx = !document.body ? document.fullScreenElement : document.body

我收到一个错误Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.

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

标签： javascriptvue.js

Answer 1

尝试删除元素本身：

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