美文网首页
应用-点击添加空盒子

应用-点击添加空盒子

作者: Dxes | 来源:发表于2019-12-10 20:34 被阅读0次
    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title></title>
            <style type="text/css">
                #box>div{
                    width: 300px;
                    height: 100px;
                    background-color: red;
                    margin-bottom: 20px;
                }
            </style>
        </head>
        <body>
            <div id="box"></div>
            <button onclick="addAction()">添加</button>
            
            <script type="text/javascript">
                _box = document.getElementById('box')
                
                function addAction(){
                    var _div = document.createElement('div') 
                    _box.appendChild(_div)
                }
            </script>
        </body>
    </html>
    
    

    相关文章

      网友评论

          本文标题:应用-点击添加空盒子

          本文链接:https://www.haomeiwen.com/subject/tvfngctx.html