Así que estoy tratando de crear un visor de gif/webm/png, etc., ahora mismo estoy creando elementos para luego establecer el archivo seleccionado en ese img (o si es un archivo webm , entonces estableceremos su src en un elemento video )
Ahora también estoy creando un botón para ocultar (el elemento que quiero ver si ya está adjunto) para ocultar la imagen o el video cuando se hace clic en él, así que quiero crearlo... luego agregarlo cuando una imagen como un gif o png , pero he creado un oyente para detectar si el archivo es un webm.
También quiero detectar si el documento ya tiene el botón ocultar, por lo tanto, puedo asignar un botón ocultar al elemento img o al elemento de video por separado porque, como en mi codepen, el botón ocultar no funcionará para ocultar el video cuando el img se crea primero, luego el video y así sucesivamente.
Básicamente, quiero detectar si el botón ocultar se ha agregado antes para el elemento img y/o el elemento de video (para evitar duplicados en la página), luego eliminarlo y crear uno nuevo que leerá para el nuevo elemento de video o img .
Entonces, después de un tiempo de probar cosas, llegué a la conclusión de que una declaración if podría funcionar.
const btnOne = document.createElement("a"); const btnTwo = document.createElement("a"); if(btnOne !== null) { if(btnOne.parentNode) { btnOne.parentNode.removeChild(btnOne); } document.body.appendChild(btnTwo); } else if(btnOne == null){ document.body.appendChild(btnTwo); }así es básicamente como lo hice.