提问者:小点点

如何使用JavaScript更改元素的高度?


我正在尝试修改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>

共1个答案

匿名用户

只需设置style.height

testElement.style.height = '200px';