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

我收到错误无法在“Node”上执行“removeChild”:要删除的节点不是此节点的子节点。

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

Answer 1

尝试删除元素本身:

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