我有一个关于'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() ");
}
关于这种情况的任何解决方法?到目前为止,我已经尝试过以下事情。1.尝试使用显示和隐藏重新绘制每个图标。2. 尝试了"getComputedStyle()",但它根本没有返回一个名为"offsetHeight"的值。
知道为什么代码不起作用吗?
代码应更正为此。
var icon_size = 64px;
和
icons[i].style.fontSize = icon_size+"px" ;
在某些浏览器中,如果没有后缀"px",此代码将无法工作。它也不会在控制台上发出错误消息。所以仔细编码。