La diferencia entre js style.display = "" y style.display="none"

1. Los efectos reales son diferentes.

js style.display borra el estilo de visualización de la pantalla y utiliza el valor predeterminado. style.display="none", none hace referencia a un código determinado, que oculta este código y no lo elimina.

2. El uso es diferente.

js style.display elimina por completo y desaparece el contenido mostrado en el código de la página web sin dejar ningún espacio oculto. style.display="none" le reservará espacio oculto, esperando que se lea y escriba otro código.

Información ampliada:

Si un elemento de un determinado código de la página web tiene el estilo {display: none;}, la imagen correspondiente en la etiqueta será cargada por none petición. Pero no será rendida por nadie. La información oculta en el código también será leída por los elementos del código y ocupa una cierta cantidad de espacio oculto.

Si el elemento de nivel superior tiene el estilo {display: none;}, entonces la imagen de fondo del elemento de nivel inferior en la hoja de estilo no se representará ni cargará, pero sí la imagen en la etiqueta. se cargará y no se procesará.

Material de referencia: atributo de visualización DOM W3School-HTML