ejemplo de mostrar y ocultar un div usandos la propiedad display in javascript

Para mostrar un elemento en HTML, podemos simplemente establecer su propiedad display en "block" usando JavaScript. De manera similar, para ocultar un elemento podemos establecer la propiedad display en "none".

Aquí hay un ejemplo de cómo hacerlo:

HTML:

<button onclick="mostrar()">Mostrar</button>
<button onclick="ocultar()">Ocultar</button>

<div id="miDiv">Hola, mundo!</div>
126 chars
5 lines

JavaScript:

index.tsx
function mostrar() {
  document.getElementById("miDiv").style.display = "block";
}

function ocultar() {
  document.getElementById("miDiv").style.display = "none";
}
166 chars
8 lines

Este código agrega dos botones a nuestra página HTML. Cuando el botón "Mostrar" se hace clic, el div con el id "miDiv" se muestra cambiando su propiedad de display a "block". Cuando el botón "Ocultar" se hace clic, el div se oculta cambiando su propiedad de display a "none".

related categories

gistlibby LogSnag