javascript 동적으로 너비가 변경되지 않습니다.

Question

div의 높이/너비를 변경하려면 다음 코드가 있지만 작동하지 않습니다. 아래의 경고 메시지는 빈 값만 인쇄합니다.

<script> 
    function showmyidlist() { 
     try { 
      var myid = document.getElementById('myid'); 
      var myidlist = document.getElementById('myidlist'); 
      var divinput = myid.getElementsByTagName("input")[0]; 
      alert(divinput.style.height + ":" + divinput.style.height); 
      myid.style.width = divinput.style.width; 
      myid.style.height = divinput.style.height; 
      alert(myid.style.width + ":" + divinput.style.width); 

      if (myidlist.style.position != 'absolute') { 
       myid.appendChild(myidlist); 
       myid.style.position = 'relative'; 
       myidlist.style.position = 'absolute'; 
       myidlist.style.top = '10px'; 
       myidlist.style.left = '0px'; 
       myidlist.style.zindex = 1; 
       myidlist.style.display = 'block'; 
      } else if (myidlist.style.position == 'absolute') { 
       myidlist.style.position = ''; 
       myidlist.style.zindex = 0; 
       myidlist.style.display = 'none'; 
       myid.style.position = ''; 
      } 
     } catch (e) { 
      alert(e); 
     } 
    } 
</script> 


<table> 
    <tr> 
     <td style="padding:0px 10px 0px 0px;text-align:right;width:20%;">Name</td> 
     <td style="padding:0px 0px 0px 0px;text-align:center;width:60%;"> 
      <div id="myid"><input type="text" name="myid" value="" onclick="showmyidlist()"></div> 
     </td> 
     <td style="padding:0px 0px 0px 10px;text-align:left;width:20%;"> 
      <input style="width:200px;" type="submit" class="button" name="submit" value="Add My Id" /> 
     </td> 
    </tr> 
</table> 
<div id="myidlist" style="display:none;"></div> 

Answer 1

시도를 도와주세요 :

alert(divinput.clientHeight + ":" + divinput.clientWidth); 

clientHeight과 clientWidth 속성 폭과 높이 속성으로 초기에 설정되어있는 것을 일반적으로 위치를 동적으로 설정됩니다.