How to display HTML element with JavaScript?

Javascript Object Oriented Programming Front End Technology

Use the visibility property in JavaScript to show an element. You can try to run the following code to learn how to work with visibility property:

Example

<!DOCTYPE html>
<html>
   <body>
      <p id="pid">Demo Text</p>
      <button type = "button" onclick = "displayHide()"> Hide </button>
      <button type = "button" onclick = "displayShow()"> Show </button>
      <script>
         function displayHide() {
            document.getElementById("pid").style.visibility = "hidden";
         }
         function displayShow() {
            document.getElementById("pid").style.visibility = "visible";
         }
      </script>
   </body>
</html>

Daniol Thomas

Published on 27-Feb-2018 15:16:05

Previous Page Print Page