Puedes hacerlo mediante las propiedades
display
,
visibility
,
opacity
y
height
.
Código Javascript
:
Ver original//Con display
elemento.style.display = "none";
//Con visiblity
elemento.style.visibility = "hidden";
//Con opacity
elemento.style.opacity = 0;
//Con height
elemento.style.height = 0;
La primera genera que el elemento no solo no sea visto, sino que no forme parte del documento. Como si no existiera.
La segunda solo lo vuelve invisible, pero el elemento seguirá allí, por lo que seguirá ocupando el mismo espacio que ocupaba cuando era visible.
La tercera vuelve opaco al elemento, al punto de que este deja de ser visible, pero sigue en el documento y ocupando el mismo espacio.
La cuarta le quita la altura, por lo que el elemento deja de ser visible, sin embargo, si no se le asigna un cero a su anchura, seguirá ocupando el espacio a lo ancho de siempre. También hay que tener en cuenta que si se le asignó un borde, este seguirá siendo visible incluso si el alto y ancho están establecidos en cero. Evidentemente, el elemento, al igual que en los casos dos y tres, permanece en el documento.
Un saludo