javascript - 高度属性在 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 中，即使它包含在源代码中，它也不会显示在 UI 中。我努力寻找解决方案。但不能。如果有人能找到解决方案，那将是一个很大的帮助。

Answer 1

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

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

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

希望有帮助。

Answer 2

可以尝试以下：

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

或者在您的高度声明中可能是 concate + "px"。

或者

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