怎么获得某个自适应的p 的offsetHeight, 该p已经设置padding,offsetHeight 可以获得p的padding和border
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
2
423
收藏
假设该p的id是test
document.querySelector("#test").offsetHeight
火狐在需要获取p的高度时，往往需要用到offsetHeight，有时会碰到offsetHeight获取到为0的现象，
在使用IE或者火狐中，特别在目前p+css的方式，往往不定义p的高度，这是在添加p内容后，需要获取p的高度时，往往需要用到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 = '<p id="pcj" style="margin-top:15px;font-size:10px;width:400px;">'
'<p style="float:left;width:50px;">测试</p>'
'<p style="float:left;width:320px;">danielinbiti</p>'
'</p>'
'<p id="pcj2" style="margin-top:15px;font-size:10px;width:400px;">'
'<p style="width:320px;">danielinbiti</p>'
'</p>'
document.getElementById('outer').innerHTML=html1;
document.getElementById('pcj2').style.display='none';
alert(document.getElementById('pcj2').offsetHeight);
}
</script>
</head>
<body>
<p id='outer'></p>
</body>
</html>