Question

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

CSS：

<style type="text/css">
    #figmenu {
        height: 50px;
    }
</style>

JS：

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

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>

Answer 1

您的代码正常运行，正如您在此FIDDLE中所看到的当您的代码执行此行时，您将看到背景变大：

fm.style.height = '500px';

Answer 2

检查页面是否有任何其他html元素包含相同的id名称“figmenu”

在页面中不应该有两个具有相同名称的ID

JavaScript style.height无法正常工作

2 个答案: