Javascript 如何计算网格宽度?
我想创建一个简单的JS脚本,它将遍历布局中的所有列,并计算其中一列是否可以有两列宽 所以我的标准布局是三列,我将计算一行中三列中的一列是否可以有两列宽。如果它是行中的第一列或第二列,则应向第一列或第二列添加一个类,使该列具有两列的宽度 我想到了以下几点,但现在我陷入了困境:Javascript 如何计算网格宽度?,javascript,css,grid,Javascript,Css,Grid,我想创建一个简单的JS脚本,它将遍历布局中的所有列,并计算其中一列是否可以有两列宽 所以我的标准布局是三列,我将计算一行中三列中的一列是否可以有两列宽。如果它是行中的第一列或第二列,则应向第一列或第二列添加一个类,使该列具有两列的宽度 我想到了以下几点,但现在我陷入了困境: // Grid calculation function gridCalc() { // Variables var container; var row;
// 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})()这就是你想要做的吗?谢谢你的回答,这是一个很好的下一步,但要知道这不是我想要做的。我想通过计算元素是否适合一行来创建一个2列的列,从而向元素添加随机的2列宽度@马诺伊库马尔酒店