change visibility javascript code example

Example 1: how to edit the visibiility of an element javscript

const element = document.getElementById("id");	// Get element
element.style.visibility = "hidden";			// Hide element
element.style.visibility = "visible";			// Show element
const visible = element.style.visibility;		// Get visibility

Example 2: how to make div visible and invisible in javascript

elem.style.display = 'none'; // hide
elem.style.display = 'block'; // show - use this for block elements (div, p)
elem.style.display = 'inline'; // show - use this for inline elements (span, a)

Example 3: js set visibility

Check this! https://dev.to/devlorenzo/js-hide-and-show-32og

Example 4: manipulating visibility using js

function toggleClock() {
    // get the clock
    var myClock = document.getElementById('clock');

    // get the current value of the clock's display property
    var displaySetting = myClock.style.display;

    // also get the clock button, so we can change what it says
    var clockButton = document.getElementById('clockButton');

    // now toggle the clock and the button text, depending on current state
    if (displaySetting == 'block') {
      // clock is visible. hide it
      myClock.style.display = 'none';
      // change button text
      clockButton.innerHTML = 'Show clock';
    }
    else {
      // clock is hidden. show it
      myClock.style.display = 'block';
      // change button text
      clockButton.innerHTML = 'Hide clock';
    }
  }

Tags:

Css Example