JS获取HTML页面的BODY的高度

JS获取HTML页面的BODY的高度,第1张

<html>

<head>

</head>

<body style="height:400px">

<div id="div1">12312</div>

<script type="text/javascript">

document.getElementById("div1").style.height=document.body.style.height

alert(document.getElementById("div1").style.height)

//如果body,没有设置样式,这个高度就为空

document.getElementById("div1").style.height=document.body.clientHeight

alert(document.getElementById("div1").style.height)

//如果设置了样式,offsetHeight就等于样式的height否则等于clientHeight

document.getElementById("div1").style.height=document.body.offsetHeight

alert(document.getElementById("div1").style.height)

</script>

</body>

</html>

var dd=document.createElement("div")

dd.style.cssText="padding:0visibility:hiddenfont-familly:微软雅黑font-size:12px"

dd.innerHTML='测试'

document.body.appendChild(dd)

alert(dd.offsetHeight)

会d出 字体的高度


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6166812.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-17
下一篇 2023-03-17

发表评论

登录后才能评论

评论列表(0条)

保存