如何使用Javascript更改元素的高度？_Javascript_Css

如何使用Javascript更改元素的高度？

javascript css

如何使用Javascript更改元素的高度？,javascript,css,Javascript,Css,我试图修改Javascript函数中div元素的高度。高度最初为在“样式”部分中设置为50px。下面显示的两种尝试都没有任何效果。我会感谢你在这方面的帮助。谢谢 <html> <head> <title>Test</title> <meta name="viewport" content="width=device-width, initial-scale=1.0&quo

我试图修改Javascript函数中div元素的高度。高度最初为在“样式”部分中设置为50px。下面显示的两种尝试都没有任何效果。我会感谢你在这方面的帮助。谢谢

<html>
    <head>
        <title>Test</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <script>
        window.onload = function () {
            setHeight();
        }

        function setHeight() {
            var testElement = document.getElementById("test");
            testElement.style.offsetHeight = 200;
            testElement.offsetHeight = 200;
        }
    </script>

    </head>
    <body>
        <div id="test" style="height:50px;border-style:solid;border-width:thin;">
            <p>Some text</p>
        </div>
    </body>
</html>


试验
window.onload=函数（）{
设置高度（）；
}
函数setHeight（）{
var testElement=document.getElementById（“测试”）；
testElement.style.offsetHeight=200；
testElement.offsetHeight=200；
}
一些文本

只需设置

样式。高度

testElement.style.height = '200px';

offsetHeight

不是css属性，但

height

是。考虑使用<代码>元素>样式>高度> /代码>谢谢您的快速回答。你的建议行得通！如果element.style.height不应该存在，为什么我可以设置并获取它？如果尚未定义属性，则当我尝试访问它们时，系统是否会创建属性？此外，element.offsetHeight确实存在，并设置为元素的正确初始高度，但当我尝试写入时，没有效果。这是只读属性吗？如果是的话，你能给我指一个描述这个的文件吗？你说的“不应该存在”是什么意思

style.height

是由CSS定义的CSS属性，而

.offsetHeight

是JavaScript属性，是动态计算的。抱歉，键入。我的意思是问，如果element.style.offsetHeight不应该存在，为什么我可以设置并获取它？

offsetHeight

不是CSS属性，所以它不存在于

style

属性上，而是元素本身的属性<代码>元素。远视存在，但它是只读的。