how to implement visibility gone in javascript

Question

I want to hide div element and remove div on button clicked. I am new to javascript but worked on android. In android we are having feature of visibility:hidden or visibility:gone. how to implement it with javascript.

I just found document.getElementById("id").style.visibility="hidden";.

Ok then you found this, have you tried this? Post your code. Tell us what worked for you, what didn't — nobalG, Aug 30 '19 at 10:13
in google search "hide div javascript", you will get first link to do this. https://www.w3schools.com/howto/howto_js_toggle_hide_show.asp — Harish Mahajan, Aug 30 '19 at 10:16
Possible duplicate of [Show/hide 'div' using JavaScript](https://stackoverflow.com/questions/21070101/show-hide-div-using-javascript) — AuxTaco, Aug 30 '19 at 10:41

PEPEGA · Answer 1 · 2019-08-30T10:17:41.470

1

You can use document.getElementById("myDIV").style.display = "none" to hide the div and document.getElementById("myDIV").style.display = "block" to show it

w3Schools has a greate guide on this

function myFunction() {
  var x = document.getElementById("myDIV"); //so we dont have to write doc.get multiple times
  if (x.style.display === "none") { //check if hidden
    x.style.display = "block"; //display it
  } else {
    x.style.display = "none"; //hide it
  }
}

#myDIV {
  width: 100%;
  padding: 50px 0;
  text-align: center;
  background-color: lightblue;
  margin-top: 20px;
}

<button onclick="myFunction()">Try it</button>

<div id="myDIV">
  This is my DIV element.
</div>

edited Aug 30 '19 at 10:17

answered Aug 30 '19 at 10:14

PEPEGA

2,214
20
37

whatever he have done that will also work. `document.getElementById("id").style.visibility="hidden";` – Kaushik Aug 30 '19 at 10:17
@Kaushik Yes but the looks of it he only needs to understand how to implement it, so he can try it himself – PEPEGA Aug 30 '19 at 10:18

score 0 · Answer 2 · answered Aug 30 '19 at 10:22

0

HTML
<button onclick="myFunction()">Click Me</button>
<div id="myDIV"> TEST </div>

JS
function myFunction() {
var z = document.getElementById("myDIV");
if (z.style.display === "none") {z.style.display === "block"; }
else {z.style.display = "none" }}

answered Aug 30 '19 at 10:22

Mohamed Abubakar

35
1
8

how to implement visibility gone in javascript

2 Answers2