前端开发之js基础(5)

版权声明:版权所有,如需引用,请注明出处! https://blog.csdn.net/DHRMM999/article/details/82290321

动态生成表格

html代码

<body>
        行:<input type="text" id="rom" /><br />
        列:<input type="text" id="col" />
        <input type="submit" id="add" value="确认生成" onclick="create()"/>
        <div id="create">

        </div>
    </body>

js代码

<script type="text/javascript">
        function create(){
            //获取行列
            var rom = document.getElementById("rom").value;
            var col = document.getElementById("col").value;

            var table = "<table border='1' bordercolor='red' width='300'>";
            for(var i=0;i<rom;i++){
                    table += "<tr>"
                    for(var j=0;j<col;j++){
                        table += "<td>1111</td>"
                    }
                    table += "</tr>"
                }
            table += "</table>";
            document.getElementById("create").innerHTML = table;
        }

    </script>

猜你喜欢

转载自blog.csdn.net/DHRMM999/article/details/82290321