简体   繁体   English

div在按钮javascript下

[英]div under a button javascript

I want to show a hidden div called "laila" right under a button , this is my code : 我想在按钮下方显示一个名为“ laila”的隐藏div,这是我的代码:

    <html>
    Disable dates before:<input type="text"><input style="width:20;height:25" type="button" value="myButton" onclick="show()">
    <script>
    function show(){
    document.getElementById("laila").style.display="block"; 
    }
    </script>
    <div id ="laila" style="display: none"><table border="1"><tr><td>laila</td></tr></table></div>

    </html>

how can I place the div under "myButton" ? 如何将div放在“ myButton”下?

<script>
        function show() {
            document.getElementById("laila").style.display = "block";
        }
    </script>
    <div>
        <table>
            <tr>
                <td>
                    Disable dates before:
                </td>
                <td>
                    <input type="text"><input style="width: 20; height: 25" type="button"   value="myButton"
                        onclick="show()">
                </td>
            </tr>
            <tr id="laila" style="display: none">
                <td>
                </td>
                <td>
                    laila
                </td>
            </tr>
        </table>
    </div>

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM