文档正文在全屏模式下为空

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

Answer 1

尝试删除元素本身：

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