火狐offsetWidth没有任何报告。

Question

我正在尝试使用javascript动态调整大小。在这方面，我需要报告容器的当前大小。我写了一个函数来做这件事(在下面)，它在chrome中工作得很好……然而，在firefox中，宽度不会被报告。我读过一篇关于offsetWidth方法的文章，理论上它应该可以在火狐中工作。

function currentBoxW() {
    return document.getElementById("wrapper").offsetWidth;
}

所有这些报告都是"NaN“。

实际页面中的该函数中还有更多内容，但所有附加代码都已注释掉以进行测试……这是执行报告的实际行。

我是否遗漏了什么，或者有没有更聪明的方法来使用JS和DOM报告宽度？有没有其他方法可以获得div的宽度？

谢谢。

Answer 1

您可能会遇到两个问题：

1. 确保你有显式的设置元素(包装器)的宽度，通过CSS
2. 确保javascript代码在文档准备好后执行。window.onload()或类似的东西(如果您正在使用任何其他javascript库

)

如果您可以改用jquery，那么可以通过以下命令轻松地获得它：

$(document).ready(function(){ 
  function currentBoxW() {
    return $('#wrapper').width();
    or 
    return $('#wrapper').innerWidth(); //depending on the requirement. 
  }

});