Lo opuesto a la remoción es la inserción; Hay varias formas de insertar un elemento. Dado que su elemento está en el índice 0 , lo que necesita aquí es anteponerlo a su elemento principal original.

Si simplemente elimina un elemento sin conservar su referencia, se recolectará como basura y ya no podrá usarlo. Entonces almacene una referencia al elemento; también, almacene uno en su padre, ya que ese es el objetivo al que debe anteponer el elemento.

 const chatElement = document.getElementsByClassName('_1FlWeEtrJKCnvzX-Y50CLP')[0], chatParent = chatElement.parentElement; let isToggled = false; function doc_keyUp(e) { switch (e.code) { case KeyH: if (isToggled) { chatParent.prepend(chatElement); } else { chatElement.remove(); } isToggled = !isToggled; break; default: break; } } document.addEventListener("keyup", doc_keyUp, false);

Alternar la variable isToggled se puede hacer con isToggled = !isToggled; , pero no vuelva a declarar la variable dentro de la función, o de lo contrario no tendrá relación con su variable externa isToggled .

Tenga en cuenta que keyCode está en desuso. Deberías usar code en su lugar.

Hay dos preocupaciones más:

1. Si Cytos depende del chat existente, eliminar el elemento puede hacer que la aplicación se rompa. Asimismo, la extracción y reinserción de elementos puede provocar la activación de imprevistos. Considere usar case KeyH: chatElement.toggleAttribute("hidden"); break; en cambio. Consulte la documentación sobre toggleAttribute y sobre la propiedad hidden .
2. El nombre de clase _1FlWeEtrJKCnvzX-Y50CLP no parece un nombre de clase estable, sino más bien un nombre aleatorio minimizado. Es muy probable que cambie y que su secuencia de comandos de usuario se rompa. Familiarícese con la API DOM, en particular con document.querySelector , y considere encontrar un selector más estable.