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

当用户使用全屏模式时（我在浏览器中支持全屏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并传入element对象，它将很好地删除整个DOM

最佳答案

尝试删除元素本身：

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

关于javascript - 全屏显示文档正文为空，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/57208319/