xa.*_*xa. 0 html javascript css
我已经尝试了一段时间来"获取"我网页上div的高度和宽度.我尝试了很多东西,有些是:
document.getElementById("header").getHeight();
.height();
.height;
.pixelHeight()
Run Code Online (Sandbox Code Playgroud)
以及所有其他"明显的"可能性.有什么帮助吗?它只是一个宽度和高度的简单div:
<style>
#header {
width: 500px;
height:100px;
background-color:black;
border: 2px solid red;
}
</style>
<body>
<div id="header" style="position:absolute" onclick="testjs()" />
<script language="javascript" type="text/javascript">
var hdiv = document.getElementById("header");
function testjs()
{
hdiv.style.height="221px";
}
/////////////////////////////////////
hdiv.getHeight(); ???????
//////////////////////////////////////
</script>
Run Code Online (Sandbox Code Playgroud)
我想"得到"div的高度和宽度,因为最终用户将能够动态地改变高度和宽度.
获得高度使用
document.getElementById("header").offsetHeight
Run Code Online (Sandbox Code Playgroud)
并用于宽度使用
document.getElementById("header").offsetWidth;
Run Code Online (Sandbox Code Playgroud)