如何从javascript获取具有flex grow属性的div的宽度？ 我想得到一个div元素的宽度，考虑ABC类的名称， flex grow属性应用于此分区。 我想在div增长之后得到这个div的宽度，并将相同的宽度应用到其他类名为abc2的div。 提前谢谢

//我试过这个东西
var y=document.getElementsByClassName（'abc'）；
变量宽度=y[0]。偏移网络宽度；
var x=document.getElementsByClassName（'abc2'）；
x[0]。style.width=width+'px'；
//我没有得到与.abc相同的宽度

.parent1、.parent2{
显示器：flex；
}
.美国广播公司{
弹性：1；
柔性生长：1；
显示：内联块；
宽度：10vw；
高度：10vh；
填充：10px；
背景色：#ffd3b6；
保证金：3倍；
文本对齐：居中；
}
.abc2{
背景色：#ffd3b6；
高度：10vh；
填充：10px；
文本对齐：居中；
}
.其他{
背景色：#ffd3b6；
高度：10vh；
填充：10px；
保证金：3倍；
文本对齐：居中；
宽度：50px；
}

我要扩大宽度
我要扩大宽度
我想要和abc的div一样宽
随机的
随机的

如果将

abc2

的填充设置为

padding:10px 0px则宽度将正确

基本上，您的计算没有考虑填充


//我试过这个东西
var y=document.getElementsByClassName（'abc'）；
变量宽度=y[0]。偏移网络宽度；
var x=document.getElementsByClassName（'abc2'）；
x[0]。style.width=width+'px'；
//对于.abc2，我没有得到与.abc相同的宽度
.parent1、.parent2{
显示器：flex；
}
.美国广播公司{
弹性：1；
柔性生长：1；
显示：内联块；
宽度：10vw；
高度：10vh；
填充：10px；
背景色：#ffd3b6；
保证金：3倍；
文本对齐：居中；
}
.abc2{
背景色：#ffd3b6；
高度：10vh；
填充：10px 0px；
文本对齐：居中；
}
.其他{
背景色：#ffd3b6；
高度：10vh；
填充：10px；
保证金：3倍；
文本对齐：居中；
宽度：50px；
}

我要扩大宽度
我要扩大宽度
我想要和abc的div一样宽
随机的
随机的
请大家分享一个问候语。请通过codepen或JSFIDLE共享代码。刚才添加到问题中