firefox offsetWidth不报告任何内容
firefox offsetWidth not reporting anything.
我试图使用javascript做一些动态调整大小。对于这一部分,我需要报告一个容器的当前大小。我写了一个函数来做到这一点(下面),它在chrome中工作得很好…然而,在firefox中,宽度不会被报告。我已经阅读了offsetWidth方法,理论上它应该在firefox中工作。
function currentBoxW() {
return document.getElementById("wrapper").offsetWidth;
}
所有这些报告都是"NaN"。
在实际页面中有更多的函数,但是所有额外的代码都被注释掉了。这是进行报告的实际行。
我错过了什么,或者有一个更聪明的方法来报告使用JS和DOM的宽度?有没有别的方法来获取div的宽度?
谢谢。
你可以有两个问题:
- 确保你已经通过CSS 显式设置了元素(包装器)的宽度
- 确保javascript代码在文档准备好后执行。
window.onload()
或类似的东西,如果你使用任何其他javascript库
如果你可以用jquery代替您可以使用
轻松获取它$(document).ready(function(){
function currentBoxW() {
return $('#wrapper').width();
or
return $('#wrapper').innerWidth(); //depending on the requirement.
}
});
相关文章:
- jQuery中是否内置了任何字符串格式化函数
- 有人知道有没有jquery插件可以在图像上写文本,并让用户将其放置在图像内的任何位置
- 是否有任何内置方法可以更改JavaScript对象'的属性设置为某个值
- AngularJS-检测到n分钟内没有任何操作并进入默认状态
- 使用多功能框在 chrome 扩展程序中包含内联自动填充功能的任何方法
- 创建按钮不调用表单内的任何操作
- Ajax 报告成功,但数据库没有任何变化
- 在过去24小时内,谷歌应用程序脚本或可视化API的任何变化
- 使用 CasperJS 时,是否可以在执行任何内联或外部 Javascript 之前与加载页面的 DOM 进行交互
- 水晶报告:水晶报告中不显示任何内容
- 任何应用“webkit-overflow-scrolling: touch”与javascript内联的方法
- 找不到“”;应用程序“;模板或视图.对象{fullName:“template:application”}将不呈现任何内
- 如何在没有任何内置函数的情况下将元素添加到数组中
- 如何获得元素id点击没有任何内联函数调用在javascript
- 在javascript/jquery中是否有任何内置功能来过滤邮件,如php's函数(!使用filter_var
- 在JavaScript中过滤数组,而不使用任何内置函数或新数组
- Jquery是否有任何内置方法来单独查找可验证的元素?
- 我试图在不使用任何内置方法的情况下延迟此函数.为什么这行不通呢?
- 如何在不使用javascript中任何内置函数的情况下反转字符串
- Angular Bootstrap-ui 是否有任何内置函数来处理打开或关闭的东西