[javascript] - document.getElementById 해당영역 보여주고 감추기

<script language="javascript">
 function Init() {
 var f = document.thisForm;
  alert('d');
  var codeA = document.getElementById('A_type').innerHTML;
     var codeB = document.getElementById('B_type').innerHTML;
     
  document.getElementById('A_type').innerHTML  = codeA;
  document.getElementById('B_type').innerHTML  = '';
 }
</script>


<div id='A_type'>TEST</div>

<div id='B_type'>TEST2</div>
-------------------
2번째
-------------------

function Init() {
 var f = document.thisForm;
 // var codeA = document.getElementById('A_type1').innerHTML;
   
    f.all.A_type1.style.display = '';
    f.all.A_type2.style.display = 'none';
    f.all.B_type1.style.display = '';
    f.all.B_type2.style.display = 'none';
   
  //document.getElementById('A_type2').innerHTML  = '';
  //document.getElementById('B_type2').innerHTML  = '';
}

function modifyA() {
 var f = document.thisForm;
  f.all.A_type1.style.display = '';
  f.all.A_type2.style.display = 'none';
}


<div id='A_type1'>TEST</div>
<div id='A_type2'>TEST</div>
<div id='B_type1'>TEST2</div>
<div id='B_type2'>TEST2</div>