Making a button invisible by clicking another button in HTML

javascript html visibility hidden
Nasrin hakim Mithila picture Nasrin hakim Mithila · Dec 19, 2011 · Viewed 101.4k times · Source

How can I make a button invisible by clicking another button in HTML?
I have written like below, but it doesn't work.

<input type="button" onclick="demoShow();" value="edit" />
<script type="text/javascript"> 
    function demoShow()
    { document.getElementsByName('p2').style.visibility="hidden"; }
</script>
<input id="p2" type="submit" value="submit" name="submit" />

Answer

Sonal Khunt picture Sonal Khunt · Dec 19, 2011

write this

To hide

{document.getElementById("p2").style.display="none";}

to show

{document.getElementById("p2").style.display="block";}

Related questions

Hiding an element: Difference between Javascript attribute and CSS style

I wonder if there is any difference in the result when hiding an element with JavaScript attribute or CSS Style. For example: element.setAttribute("hidden", true); vs element.style.visibility = "hidden"; I experimented a bit with those two possibilities. My …

Read More
call javascript function from anchor html tag

I need to display message when the user clicks link How can I implement something where once the user click the hyper link on Page1, a "processing..." message and then as soon as Page2 is ready it forwards to Page2? …

Read More
Initially hiding a div for later display

My web page is like the following: <div id="id1" class="stuff"> TEXT, FORMS, and STUFF </div> <div id="id2" class="stuff" style="display:none"> TEXT, FORMS, and STUFF </div> <div …

Read More