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';
}
}