使用Javascript或HTML，如何获取div或其他元素的高度和宽度？_Javascript_Html_Css

使用Javascript或HTML，如何获取div或其他元素的高度和宽度？

javascript html css

使用Javascript或HTML，如何获取div或其他元素的高度和宽度？,javascript,html,css,Javascript,Html,Css,我已经尝试了一段时间，现在'获得'的高度和宽度的一个div在我的网页上。我试过很多方法，有些是： document.getElementById("header").getHeight(); .height(); .height; .pixelHeight() 以及所有其他“显而易见”的可能性。需要

我已经尝试了一段时间，现在'获得'的高度和宽度的一个div在我的网页上。我试过很多方法，有些是：

document.getElementById("header").getHeight();
                                 .height();
                                 .height;
                                 .pixelHeight()

以及所有其他“显而易见”的可能性。需要帮忙吗？它只是一个具有宽度和高度的简单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>


#标题{
宽度：500px；
高度：100px；
背景色：黑色；
边框：2倍纯红；
}
var hdiv=document.getElementById（“标题”）；
函数testjs（）
{
hdiv.style.height=“221px”；
}           
/////////////////////////////////////
hdiv.getHeight（）？？？？？？？
//////////////////////////////////////

我想“获取”div的高度和宽度，因为最终用户将能够动态地改变高度和宽度

您应该考虑获取jQuery，因为这样您就可以更轻松地实现这一点：

$("#header").width(); // Gets the width;
$("#header").width(50); // Set width to 50;
$("#header").height(); // Gets the height;
$("#header").height(50); // Set height to 50;

从长远来看，这也会让你的生活轻松很多。使用本机Javascript编写可能会很麻烦，因为它需要更多的代码和大量的跨浏览器测试。

才能获得高度使用

document.getElementById("header").offsetHeight

和宽度使用

document.getElementById("header").offsetWidth;

范例-

var divheight = document.getElementById('divId').offsetHeight;

参考此-

如果不使用jQuery，请尝试以下操作：

document.getElementById('someDiv').clientHeight;
document.getElementById('someDiv').offsetHeight;
document.getElementById('someDiv').scrollHeight;

取决于您需要什么。

您使用的是jquery还是本机javascript？

offsetHeight

，

offsetWidth

可能会有所帮助。请不要建议使用外部库来完成没有外部库就可以完成的事情。这个问题上没有标签。非常感谢：）offsetHeight工作得很好。谢谢大家的回答。我现在就要研究jQuery。它似乎真的很有用。在5分钟内接受答案是的，jQuery与本机javascript相比非常容易。继续研究jQuery会很好