JavaScript style.height 不起作用

use*_*665 -2 html javascript css styles

我试图在我的页面上设置 div 的高度,因为我的页面内容是动态的。但它不起作用。

CSS:

<style type="text/css">
    #figmenu {
        height: 50px;
    }
</style>
Run Code Online (Sandbox Code Playgroud)

JS:

<script type="text/javascript">
    function HeightUp() {
        var fm = document.getElementById('figmenu');
        fm.setAttribute('style', 'height: 500px');
        // fm.style.height = '500px';
    }
</script>
Run Code Online (Sandbox Code Playgroud)

HTML:

<body>
    <div id='cssmenu' onclick=HeightUp();>
        <input type="submit" name="change" value="First Button" id="figs"/>
        <input type="submit" name="change" value="Second Button" id="tr"/>
        <input type="submit" name="change" value="Third Button" id="fbp"/>
    </div>

    <div id='figmenu'>
        <input type="submit" name="change" value="4th Button" id="b4"/>
        <input type="submit" name="change" value="5th Button" id="b5"/>
        <input type="submit" name="change" value="6th Button" id="b6"/>
    </div>
</body>
Run Code Online (Sandbox Code Playgroud)

小智 5

您的代码正在运行,正如您在此FIDDLE 中看到的那样 当您的代码执行此行时,您将看到背景变大:

fm.style.height = '500px';
Run Code Online (Sandbox Code Playgroud)