Javascript 为什么我的cont.style行在此函数中不起作用

为什么我的cont.style行在每个if条件下都不工作

我正在使用更新调用此函数的代码中的条形高度，但cont.style的主线不起作用，它在每个if条件下编写，而在else条件下编写的主线工作得非常顺利

我认为错误在于if条件或传递给update函数的参数。我还尝试在参数中传递数组大小，但仍然存在相同的错误。如果条件用于移动视图，并且在每个嵌套下，如果阵列大小减小，那么人们也可以在移动视图中清楚地看到条形图

功能更新（cont、高度、颜色）{
setTimeout（函数（）{
if（window.matchMedia（（最大宽度：600px））.matches）{
如果（数组大小>20&&数组大小<30）{
数组大小=数组大小%10；
cont.style=“margin:+margin\u size+”%；width:+（100/数组大小-（2*margin\u size））+”%；
高度：“+（高度）+%”；
背景：“+颜色+”；
";
}
如果（数组大小>30&&数组大小<40）{
数组大小=数组大小%10+10；
cont.style=“边距：“+边距大小+”%；宽度：”+（100/阵列大小-（2*边距大小））+
“%；高度：”+（高度）+“%；背景：“+颜色+”；”；
}
如果（数组大小>40&&数组大小<50）{
数组大小=数组大小%10+15；
cont.style=“边距：“+边距大小+”%；宽度：”+（100/阵列大小-（2*边距大小））+
“%；高度：”+（高度）+“%；背景：“+颜色+”；”；
}
如果（数组大小==30 | |数组大小==40 | |数组大小==50）{
数组大小=数组大小%10+12；
cont.style=“边距：“+边距大小+”%；宽度：”+（100/阵列大小-（2*边距大小））+
“%；高度：”+（高度）+“%；背景：“+颜色+”；”；
}
}否则{
cont.style=“边距：“+边距大小+”%；宽度：”+（100/阵列大小-（2*边距大小））+
“%；高度：”+（高度）+“%；背景：“+颜色+”；”；
}
}，延迟+=延迟时间）；
}

将cont.style更改为cont.style.property

   if (array_size > 20 && array_size < 30) {
            array_size = array_size % 10;
            cont.style.margin = margin_size + "%";
            cont.style.width= (100 / array_size - (2 * margin_size))+"%"; 
            cont.style.height= height+"%" ;
            cont.style.background= color;
          }

if（数组大小>20&&array大小<30）{
数组大小=数组大小%10；
cont.style.margin=页边距大小+“%”；
cont.style.width=（100/数组大小-（2*边距大小））+“%”；
cont.style.height=高度+“%”；
cont.style.background=颜色；
}

根据您正在尝试的操作，您可能正在查找

cssText

功能更新（cont、高度、颜色）{
setTimeout（函数（）{
if（window.matchMedia（（最大宽度：600px））.matches）{
如果（数组大小>20&&数组大小<30）{
数组大小=数组大小%10；
cont.style.cssText=“边距：+边距大小+”%；宽度：+（100/数组大小-（2*边距大小））+”%；
高度：“+（高度）+%”；
背景：“+颜色+”；
";
}
如果（数组大小>30&&数组大小<40）{
数组大小=数组大小%10+10；
cont.style.cssText=“边距：+边距大小+”%；宽度：+（100/数组大小-（2*边距大小））+
“%；高度：”+（高度）+“%；背景：“+颜色+”；”；
}
如果（数组大小>40&&数组大小<50）{
数组大小=数组大小%10+15；
cont.style.cssText=“边距：+边距大小+”%；宽度：+（100/数组大小-（2*边距大小））+
“%；高度：”+（高度）+“%；背景：“+颜色+”；”；
}
如果（数组大小==30 | |数组大小==40 | |数组大小==50）{
数组大小=数组大小%10+12；
cont.style.cssText=“边距：+边距大小+”%；宽度：+（100/数组大小-（2*边距大小））+
“%；高度：”+（高度）+“%；背景：“+颜色+”；”；
}
}否则{
cont.style.cssText=“边距：+边距大小+”%；宽度：+（100/数组大小-（2*边距大小））+
“%；高度：”+（高度）+“%；背景：“+颜色+”；”；
}
}，延迟+=延迟时间）；
}

我给你写了一个片段。请将其更改为提供一个-我们不知道

cont

是什么，因为

cont.style

是一个对象，而不是字符串。您应该这样做，

cont.style.margin=margin\u size+“%”

“不工作”是最无用的语句。它没有告诉我们你的实际问题。有错误吗？结果的样式是否不正确？生成的字符串是否不正确？功能是否未执行@TechySharnav或

.cssText=…

@Vikash请尝试提供完整的代码（带有html、css、js的代码片段），这将更好地了解问题。谢谢