用于在按钮单击时更改div高度的Javascript？

Question

所以我的代码看起来像..现在的问题是，当打开结果div时，一切都很好，但是当访问此页面时，主包装器占据了左侧导航栏的高度。.我想知道是否有办法调用结果div时，修改div的高度。是否可以给ajax调用一个javascript？ 非常感谢您的帮助。。谢谢！

<div id="main-container">

    <!--header starts-->
    <jsp:include page="../common/header.jsp" />
    <!--header ends-->

    <!--body content starts-->
    <div id="main-content-wrapper">

        <!--body content left starts-->
        <jsp:include page="../common/leftNavigation.jsp" />
        <!--body content left ends-->

        <!--body content right starts-->

        <form:form name="submitForm" action="storemonthly" method="POST"
            commandName="storePerformanceVO">

            <div id="printDiv">
                <div id="maincontent-right-wrapper">
                    <div class="page-heading-dailyroaster">
                        <spring:message
                            code="rmp.store_performance_monthly.page_header.store_performance_monthly" />
                    </div>
            <!--shop starts-->
                    <div class="store-setup-wrapper">

                        <!--shop starts-->
                        <div class="shop-promoter-wrapper">
                            <div class="shop-promoter-inner">

                                <ul>

                                    <li><spring:message
                                            code="rmp.store_performance_monthly.label.store" />:</li>
                                    <li>&nbsp;</li>
                                    <li><form:select path="storeid" style="width:200px;">
                                            <form:options items="${StoreList}" itemValue="storeId"
                                                itemLabel="storeName" />
                                        </form:select></li>
                                    <li><img src="../static/images/spacer.gif" width="26"
                                        height="1" /></li>
                                </ul>

                            </div>

                        </div>
                        <!--shop ends-->



                    </div>
                    <!--shop ends-->

                    <!--daily-roaster-wrapper starts-->
                    <div id="resultDiv"></div>
                    <!--page bottom ends-->

                </div>

            </div>
        </form:form>
        <!--body content right ends-->


    </div>
    <!--body content ends-->
    <!--footer starts-->
    <div class="footer">&nbsp;</div>
    <!--footer ends-->
</div>

Answer 1

给出结果的高度div

document.getElementById(DivID).style.height=50