高度属性不适用于chrome

Question

我的网络应用程序中有一个工作表。它使用了一个javascript函数在该工作表的底部添加一个空行。该javascript函数如下所示。

ui.app.spreadsheet.FooterDataPadding.prototype.adjustPaddingToFooter = function () {
    this.getDomElement().style.height = this.getApplicationControl().getFooter().getDomElement().offsetHeight;
}

运行该函数后，html部分如下所示。

div class="ui_app_spreadsheet_FooterPadding-layout " id="util_Document-uid185" style="height: 21px;"

在firefox和IE中，这个工作真的很好。它将21px高空行添加到工作表的底部。但在Chrome中，即使它包含在源代码中，它也不会在UI中显示。我努力寻找解决方案。但不可能。如果有人能找到解决方案，这将是一个很大的帮助。

Answer 1

空Div有时会在不同的浏览器中显示突然的行为。

尝试将浏览器的innerHTML设置为空或空格：

document.getElementById('your_elem').innerHTML = '&nbsp';

希望有所帮助。

Answer 2

可以试试以下：

var domElement = this.getDomElement();
domElement.style.height = this.getApplicationControl().getFooter().getDomElement().offsetHeight;
domElement.innerHtml = " "

或者可以在你的身高陈述中加上+“px”。

或

domElement.innerHTML="<div style='height:" + height + "px;'></div>";