1// javascript
2<script>
3 document.getElementById("id").style.display = "none"; //hide
4 document.getElementById("id").style.display = "block"; //show
5 document.getElementById("id").style.display = ""; //show
6</script>
7
8// html
9<html>
10 <div id="id" style="display:none">
11 <div id="id" style="display:block">
12</html>
13
14// jquery
15<script>
16 $("#id").hide();
17 $("#id").show();
18</script>
19
1// 1) Hide an element based on its respective "ID"
2document.getElementById("elemID").style.display = "none";
3
4// 2) Hide an element based on its respective "class" name (this will hide multiple items if they share the same class!)
5document.getElementsByClassName('elemClass').style.display = "none";
6
7// 3) Hide an element based on its respective "HTML tag" (the below example detects <li> tags)
8document.getElementsByTagName("LI").style.display = "none";
9
10// 4) Hide an element based on its "Name attribute" (the below example detects element with the name "fname")
11document.getElementsByName("fname").style.display = "none";