Mostrar / Ocultar Div en el botón Haga clic usando JavaScript

En este fragmento de código va a mostrar u ocultar div en el botón de evento de clic mediante la función JavaScript.

fragmento de código JavaScript – Mostrar / Ocultar Din en el botón Haga uso de JavaScript

HTML y JavaScript

<!--Show/Hide Div on Button Click using JavaScript.-->
<html>
<head>
<title>Show/Hide Div on Button Click using JavaScript.</title>
<script type="text/javascript">
function showHideDiv(ele) {
var srcElement = document.getElementById(ele);
if (srcElement != null) {
if (srcElement.style.display == "block") {
srcElement.style.display = 'none';
}
else {
srcElement.style.display = 'block';
}
return false;
}
}
</script>
</head>
<body>
<center>
<h1>Show/Hide Div on Button Click using JavaScript.</h1>
<input type="button" value="Show/Hide" onClick="showHideDiv('divMsg')"/><br><br>
<div id="divMsg" style="background-color: #006969; color: #ffffff; height: 200px; width: 200px; text-align: center; display:none">
<b>Hello friends, <br>How are you?</b>
</div>
</center>
</body>
</html>

Resultado

Show/Hide Div on Button Click using JavaScript - 4
clic for DEMO y rarr;


Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *