Kiki
Kiki
Programming language:Html
2021-03-14 08:24:38
6
Q:

how to hide an element in html

Dodecaphone
Dodecaphone
Code: Html
2021-02-22 07:56:48 
// javascript
<script>
	document.getElementById("id").style.display = "none";  //hide
	document.getElementById("id").style.display = "block"; //show
	document.getElementById("id").style.display = ""; 	   //show
</script>

// html
<html>
	<div id="id" style="display:none">
    <div id="id" style="display:block">
</html>

// jquery
<script>
	$("#id").hide();      
	$("#id").show();
</script>
4
Water
Water
Code: Html
2021-02-14 16:11:49 
.classname {
    visibility: hidden;
}
6
Bytes
Bytes
Code: Html
2021-06-26 05:22:04 
/*Hiding an element can be done by setting the display property to none. 
The element will be hidden, and the page will be displayed as if the element is not there:
Example:
*/

h1.hidden {
  display: none;
}

/*visibility:hidden; also hides an element.
However, the element will still take up the same space as before. 
The element will be hidden, but still affect the layout:
Example:
*/

h1.hidden {
  visibility: hidden;
}
2
mahdi_12167
mahdi_12167
Code: Html
2021-05-02 22:10:26 

 
  <p hidden>This paragraph should be hidden.</p>
2
gece
gece
Code: Html
2021-08-28 17:02:18 
var link = document.getElementById('nav-ask');
link.style.display = 'none'; //or
link.style.visibility = 'hidden';
2
Cyril YU
Cyril YU
Code: Html
2021-02-09 05:35:37 
<div id="main"> 
  <p> Hide/show this div </p>
</div>

('#main').hide(); //to hide

// 2nd way, by injecting css using jquery
$("#main").css("display", "none");
1

Tags

Related

New to Communities?

Join the community