Making a button invisible by clicking another button in HTML

Question

How can I make a button invisible by clicking another button in HTML  I have written like below  but it doesn t work    lt input type  button  onclick  demoShow     value  edit    gt   lt script type  text javascript  gt       function demoShow         document getElementsByName  p2   style visibility  hidden      lt  script gt   lt input id  p2  type  submit  value  submit  name  submit    gt

User · Answer

try this  function demoShow        document getElementById  but1   style display  none          lt input type  button  value  click me  onclick  demoShow    id  but    gt    lt input type  button  value  hide  id  but1    gt

User · Answer

Use the id of the element to do the same   document getElementById id  style visibility    hidden

User · Answer

btn1    click function          btn2   css  display   none

User · Answer

Try this   lt input type  button  onclick  demoShow    value  edit    gt   lt script type  text javascript  gt   function demoShow    p2 style visibility  hidden     lt  script gt   lt input id  p2  type  submit  value  submit  name  submit    gt    http   jsbin com gurolawu 1

User · Answer

I found problems with the elements being moved around using some of the above  so if you have objects next to each other that you want to just swap this worked best for me  document getElementById  uncheckAll   hidden   false  document getElementById  checkAll   hidden   true

User · Answer

Using jQuery   var demoShow   function            p2   hide        But I would recommend you give an id to your button on which you want an action to happen  For example    lt input type  button  id  p1  value  edit    gt   lt input type  button  id  p2  value  submit  name  submit    gt    lt script type  text javascript  gt       p1   click function            p2   hide         lt  script gt    To show it again you can simply write      p2   show

User · Answer

getElementById returns a single object for which you can specify the style So  the above explanation is correct  getElementsByTagName returns multiple objects array of objects and properties  for which we cannot apply the style directly

User · Answer

Use this code     lt input type  button  onclick  demoShow    value  edit    gt   lt script type  text javascript  gt   function demoShow    document getElementById  p2   style visibility  hidden     lt  script gt   lt input id  p2  type  submit  value  submit  name  submit    gt

User · Answer

For Visible   document getElementById  test   style visibility  visible     For Invisible   document getElementById  test   style visibility  hidden

User · Answer

write this  To hide   document getElementById  p2   style display  none      to show   document getElementById  p2   style display  block

User · Answer

To get an element by its ID  use this   document getElementById  p2     Instead of   document getElementsByName  p2     So the final product would be   document getElementsById  p2   style visibility    hidden

[javascript] Making a button invisible by clicking another button in HTML

Examples related to javascript

Examples related to html

Examples related to visibility

Examples related to hidden