javascript - HTML 正文样式 "padding-top"在 Firefox 中不起作用

Question

为什么我在做:

document.body.style["padding-top"] =  panel.offsetHeight + "px";

"padding-top" 在 Firefox 中不起作用？在 Chrome 和 IE 中没问题，但 FF - 背后捅刀子。

整个代码是:

var fixTopPanel = function(){
  var panel = document.getElementById("TopPanel");
  document.body.style["padding-top"] =  panel.offsetHeight + "px";
}

window.addEventListener("load", fixTopPanel);
window.addEventListener("resize", fixTopPanel);

在这里查看:http://plnkr.co/edit/KyxxRV?p=preview

UPD:只是figured out style.paddingTop 有效，但是 "padding-top" 有什么问题？

Answer 1

像这样使用 paddingTop:element.style.paddingTop。

var fixTopPanel = function(){
  var panel = document.getElementById("TopPanel");
  document.body.style.paddingTop =  panel.offsetHeight + "px";
}

window.addEventListener("load", fixTopPanel);
window.addEventListener("resize", fixTopPanel);