怎么获得某个自适应的div 的offsetHeight, 该div已经设置padding,offsetHeight 可以获得div的padding和border

火狐无法获得自适应div的offsetHeight

2 个回答

得票最新

yunkehe

60332031

发布于
2016-05-25

假设该div的id是test
document.querySelector("#test").offsetHeight

葛小勺

56

发布于
2016-05-25

火狐在需要获取div的高度时，往往需要用到offsetHeight，有时会碰到offsetHeight获取到为0的现象，
在使用IE或者火狐中，特别在目前div+css的方式，往往不定义div的高度，这是在添加div内容后，需要获取div的高度时，往往需要用到offsetHeight。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script language='javascript'>
window.attachEvent( "onload", function(){ _resizeScroll2();} );
window.onresize=function(){winresize();};
function _resizeScroll2(){
var html1 = '<div id="divcj" style="margin-top:15px;font-size:10px;width:400px;">'

'<div style="float:left;width:50px;">测试</div>'
'<div style="float:left;width:320px;">danielinbiti</div>'
'</div>'
'<div id="divcj2" style="margin-top:15px;font-size:10px;width:400px;">'
'<div style="width:320px;">danielinbiti</div>'
'</div>'
document.getElementById('outer').innerHTML=html1;

document.getElementById('divcj2').style.display='none';
alert(document.getElementById('divcj2').offsetHeight);
}
</script>
</head>
<body>
<div id='outer'></div>
</body>
</html>

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

火狐无法获得自适应div的offsetHeight

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

Next.js做纯前端是否可行？

如何实现一个深拷贝函数？

git提交记录问题？

怎么获取动态弹出对话框的模拟单击？

什么是闭包？闭包有哪些应用场景？

求一个能输入需求就可以写出代码的网站，支持一键部署？