런타임시 javascript에 의해 생성 된 div의 너비를 얻으십시오.

Question

나는 dhtmlx의 javascript에 의해 생성 된 컬럼이 거의 없습니다. 이 열은 런타임에 생성되었으므로 Chrome의보기 페이지 소스를 사용하여 페이지의 소스 코드를 보려고하면 생성 된 코드를 볼 수 없습니다. 하지만 요소를 마우스 오른쪽 버튼으로 클릭하고 '요소 검사'를 선택하면 생성 된 코드를 볼 수 있습니다.

<div id="scheduler_here" class="dhx_cal_container dhx_scheduler_grid" style="width:100%;height:100%;"> 
    <div class="dhx_cal_header" style="width: 1148px; height: 20px; left: -1px; top: 60px;"> 
     <div class="dhx_grid_line"> 
      <div style="width:169px;">Start Date</div> 
      <div style="width:169px;">Time</div> 
      <div style="width:169px;">Event</div> 
      <div style="width:169px;">Location</div> 
      <div style="width:169px;">Stakeholders</div> 
      <div style="width:169px;">Type</div> 
     </div> 
    </div> 
    <div class="dhx_cal_data" style="width: 1148px; height: 506px; left: 0px; top: 81px; overflow-y: auto;"> 
     <div> 
      <div class="dhx_grid_v_border" style="left:184px" id="imincol0"></div> 
      <div class="dhx_grid_v_border" style="left:370px" id="imincol1"></div> 
      <div class="dhx_grid_v_border" style="left:556px" id="imincol2"></div> 
      <div class="dhx_grid_v_border" style="left:742px" id="imincol3"></div> 
      <div class="dhx_grid_v_border" style="left:928px" id="imincol4"></div> 
     </div> 
     <div class="dhx_grid_area"><table></table></div> 
    </div> 
</div> 

내가 imincol0, imincol1, imincol2의 열 너비를 얻으려고 그렇게하는 마지막에 볼 수 있습니다 : 그래서 여기에 내가 '요소 검사'에서 붙여 복사 생성 된 코드의 일부입니다 코드의 일부. 이러한 ID를 사용하여 열 너비를 가져 오는 몇 가지 방법을 시도했지만 아무 소용이 없습니다. 나는 항상 null이 될거야. 당신이 jQuery를 사용하는 경우

Answer 1

당신이 할 수 있습니다 :

VAR X = $ ('#의 imincol0')를 폭();.

순수 js를 사용하는 경우 다음을 시도 할 수 있습니다. var x = document.getElementById ('imincol0'). offsetWidth;