Cómo ocultar un div con onClick

Que cambia dinámicamente una página web es un elemento de diseño muy popular entre los diseñadores de páginas web. Muchas veces, los diseñadores les gustaría cambiar la visibilidad de un objeto con el toque de un botón. Cómo ocultar un elemento implica cambiar su visibilidad para reflejar como ocultos. Lograr esto mediante la referencia directa del objeto que se oculta por su atributo "id".

Instrucciones

1 Abra la página Web en el editor de su elección. Anote el "id" que le dio a su elemento "div".

2 Insertar "document.getElementById ( 'X') style.visibility =" oculto ";." En su "onclick) (" evento en su página. Vuelva a colocar la "X" por la "id" del elemento "div". Debe quedar como "onClick (document.getElementById (" test ") style.visibility =" oculto ";.)" Cuando haya terminado.

3 Haga clic en el elemento que mantiene su "onclick) (" evento para verificar el elemento "div" se oculta con éxito.

Consejos y advertencias

• Utilice el mismo proceso para mostrar el elemento después de que se ha ocultado. Sólo tiene que sustituir "oculta" por "visible".