Javascript 更新字体大小后不计算新的偏移量

我有一个关于“offsetHeight”属性在更新字体大小后未更新的问题。下面是代码

function shrink_toolbar_text()
{
  var toolbar = document.getElementById("toolbar");
  var icons = document.getElementsByClassName("icon-alone");

  var icon_size = 64;
  var icon_height = icons[0].offsetHeight ;

  while( icon_height > toolbar.offsetHeight)
  {


   // textSpan.style.fontSize = parseInt(textSpan.style.fontSize) - 1;
    icon_size = icon_size -1;
    for ( i=0; i< icons.length ;i++){
      icons[i].style.fontSize = icon_size ; 
    }  

     icon_height = icons[0].offsetHeight ;
    console.log( icon_height);
    console.log( icon_size);
    // console.log( parseInt(icon_size));
  }
  console.log("shrink_toolbar_text() ");
}

函数收缩工具条文本（）
{
var toolbar=document.getElementById（“toolbar”）；
var icons=document.getElementsByClassName（“仅图标”）；
变量图标大小=64；
var icon_height=图标[0]。视线外；
同时（图标高度>工具栏。离视）
{
//textSpan.style.fontSize=parseInt（textSpan.style.fontSize）-1；
图标大小=图标大小-1；
对于（i=0；i

在这种情况下有解决办法吗？ 到目前为止，我已经试着做了以下事情。 1.尝试使用“显示和隐藏”重新绘制每个图标。 2.尝试了“getComputedStyle（）”，但它根本不返回名为“OffsetSight”的值

---

知道为什么代码不工作吗？

应该将代码更正为此

var icon_size = 64px;

及

在某些浏览器中，如果没有后缀“px”，此代码将无法工作。它都不会在控制台上发出错误消息。所以在这方面要小心编码

icons[i].style.fontSize = icon_size+"px" ;