Question

我有几列是由dhtmlx的javascript生成的。该列是在运行时生成的，这意味着如果我尝试使用Chrome的View Page Source查看页面的源代码，我将无法看到生成的代码。但是我可以通过右键单击元素并选择“Inspect Element”来查看生成的代码。所以这是我从'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等的列宽，您可以在代码的最后部分看到。我尝试了几种方法来获取具有这些ID的列的宽度，但无济于事。我总是会变空。

Answer 1

如果你使用jquery，你可以这样做：

var x = $（'＃imincol0'）。width（）;

如果您使用纯js，可以试试这个： var x = document.getElementById（'imincol0'）。offsetWidth;

获取javascript在运行时生成的div的宽度

1 个答案: