Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何计算网格宽度?_Javascript_Css_Grid - Fatal编程技术网

Javascript 如何计算网格宽度?

Javascript 如何计算网格宽度?,javascript,css,grid,Javascript,Css,Grid,我想创建一个简单的JS脚本,它将遍历布局中的所有列,并计算其中一列是否可以有两列宽 所以我的标准布局是三列,我将计算一行中三列中的一列是否可以有两列宽。如果它是行中的第一列或第二列,则应向第一列或第二列添加一个类,使该列具有两列的宽度 我想到了以下几点,但现在我陷入了困境: // Grid calculation function gridCalc() { // Variables var container; var row;

我想创建一个简单的JS脚本,它将遍历布局中的所有列,并计算其中一列是否可以有两列宽

所以我的标准布局是三列,我将计算一行中三列中的一列是否可以有两列宽。如果它是行中的第一列或第二列,则应向第一列或第二列添加一个类,使该列具有两列的宽度

我想到了以下几点,但现在我陷入了困境:

// Grid calculation
    function gridCalc() {
        // Variables
        var container;
        var row;
        var item;

        container = document.getElementsByClassName('overview');

        container.row = document.getElementsByClassName('uniWrapper')[2];
        container.row.item = document.getElementsByClassName('infoItem');
        console.log(container.row.item);

        for (var i = container.row.item.length - 1; i >= 0; i++) {

        };

        // Get elements and store them in a var
        // Check the width of its container
        // If first or second in a row add class '2columns' random two one of the two

    } gridCalc();

我不知道如何启动此脚本。

如果您想立即启动此函数,可以使用自调用函数
(函数gridCalc(){//code})()