高度属性不适用于Chrome

Question

我的Web应用程序中有一个工作表。 它已使用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中，即使它包含在源代码中，也不会在用户界面中显示。 我努力寻找解决方案。 但是不能。 如果有人可以为此找到解决方案，那将是一个很大的帮助。

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>";