Получить ширину div, который был сгенерирован javascript во время выполнения

Question

У меня есть несколько столбцов, которые были сгенерированы javascript dhtmlx. Столбец был сгенерирован во время выполнения, что означает, что если я попытаюсь просмотреть исходный код страницы с помощью Chrome View Page Source, я не смогу увидеть сгенерированный код. Но я могу увидеть сгенерированный код, щелкнув правой кнопкой мыши по элементу и выбрав "Проверить элемент". Итак, вот часть сгенерированного кода, который я скопировал и вставил из "Inspect Element":

   <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 и т. Д., Которые вы можете увидеть в последней части кода. Я пробовал несколько методов, чтобы получить ширину столбцов с этими идентификаторами, но безрезультатно. Я всегда получаю ноль.

Answer 1

Если вы используете jquery, вы можете сделать это:

var x = $ ('# imincol0'). width ();

Если вы используете чистый js, вы можете попробовать это: var x = document.getElementById('imincol0'). OffsetWidth;