How to hide show div tags using JavaScript

Question

Basically  I m trying to make a link that  when pressed  will hide the current body div tag and show another one in its place  unfortunately  when I click the link  the first body div tag still appears  Here is the HTML code    lt div id  body  gt       lt h1 gt Numbers lt  h1 gt   lt  div gt   lt div id  body1  gt      Body 1  lt  div gt    Here is the CSS code    body       height  500px      width  100       margin  auto auto      border  solid medium thick      body1       height  500px      width  100       margin  auto auto      border  solid medium thick      display  hidden      Here is the JavaScript code   function changeDiv       document getElementById  body   style display    hidden      hide body div tag   document getElementById  body1   style display    block      show body1 div tag   document getElementById  body1   innerHTML    If you can see this  JavaScript function worked      display text if JavaScript worked     NB  CSS tags are declared in different files

User · Answer

Have you tried   document getElementById  body   style display    none    instead of  document getElementById  body   style display    hidden

User · Answer

You can Hide Show Div using Js function  sample below       lt script gt          function showDivAttid                 if Your Condition                             document getElementById  attid   style display    inline                             else                           document getElementById  attid   style display    none                                  lt  script gt    HTML -           Show Hide this text

User · Answer

Consider using jQuery  Life is much easier with      body   hide       body1   show

User · Answer

just use a jquery event listner   click event  let the class of the link is lb    i am considering body as a div as you said         lb   click function             body1   show            body   hide

User · Answer

Set your HTML as    lt div id  body  hidden    gt    lt h1 gt Numbers lt  h1 gt    lt  div gt    lt div id  body1  hidden  hidden  gt   Body 1   lt  div gt    And now set the javascript as        function changeDiv                 document getElementById  body   hidden    hidden      hide body div tag       document getElementById  body1   hidden          show body1 div tag       document getElementById  body1   innerHTML    If you can see this  JavaScript function worked             display text if JavaScript worked            Check  it works

User · Answer

Use the following code   function hide   document getElementById  div   style display    none     function show   document getElementById  div   style display    block

User · Answer

try yo write    document getElementById  id   style visibility  hidden

[javascript] How to hide/show div tags using JavaScript?

Examples related to javascript

Examples related to html