js display none code example
Example 1: javascript hide div
// javascript
<script>
document.getElementById("id").style.display = "none";
document.getElementById("id").style.display = "block";
document.getElementById("id").style.display = "";
</script>
// html
<html>
<div id="id" style="display:none">
<div id="id" style="display:block">
</html>
// jquery
<script>
$("#id").hide();
$("#id").show();
</script>
Example 2: display none js
document.getElementById("myDIV").style.display = "none";
Example 3: javascript display block
document.getElementById("someElementId").style.display = "block";
Example 4: display none javascript
// 1) Hide an element based on its respective "ID"
document.getElementById("elemID").style.display = "none";
// 2) Hide an element based on its respective "class" name (this will hide multiple items if they share the same class!)
document.getElementsByClassName('elemClass').style.display = "none";
// 3) Hide an element based on its respective "HTML tag" (the below example detects <li> tags)
document.getElementsByTagName("LI").style.display = "none";
// 4) Hide an element based on its "Name attribute" (the below example detects element with the name "fname")
document.getElementsByName("fname").style.display = "none";
Example 5: how to make a div appear onclick
function showDiv() {
document.getElementById('sign-in').style.display = "block";
}
Example 6: display none java script
<style>body{display:none;}</style>