如何在 flexbox 中获取行的高度
How to get the height of a row in a flexbox
如何获取 flexbox 中一行的高度，例如，如果我想获得 flexbox 中第二行的高度，是否可行？
您可以通过使用具有相同 class 的所有元素创建一个 array 来实现此目的，然后使用 forEach 您将能够获得所有这些元素的高度。例如：
let arrayName = document.querySelectorAll(".your-row");
//gets every single element that has the your-row class.
arrayName.forEach(element => console.log(element.clientHeight));
/* loops through the element and for each element it prints the height to the console
including padding but NOT the horizontal scrollbar height, border, or margin. */
如果你想获得第二个元素的高度，你只需要使用相同的数组并指定你想要获得第二个元素。例如：
let arrayName = document.querySelectorAll(".your-row");
//Getting all elements again.
console.log(arrayName[1].clientHeight);
// Log the 2nd elements height into the console.
如何获取 flexbox 中一行的高度，例如，如果我想获得 flexbox 中第二行的高度，是否可行？
您可以通过使用具有相同 class 的所有元素创建一个 array 来实现此目的，然后使用 forEach 您将能够获得所有这些元素的高度。例如：
let arrayName = document.querySelectorAll(".your-row");
//gets every single element that has the your-row class.
arrayName.forEach(element => console.log(element.clientHeight));
/* loops through the element and for each element it prints the height to the console
including padding but NOT the horizontal scrollbar height, border, or margin. */
如果你想获得第二个元素的高度，你只需要使用相同的数组并指定你想要获得第二个元素。例如：
let arrayName = document.querySelectorAll(".your-row");
//Getting all elements again.
console.log(arrayName[1].clientHeight);
// Log the 2nd elements height into the console.