首页 > Web开发 > 详细

Js--动态生成表格

时间:2018-05-19 21:19:34      阅读:234      评论:0      收藏:0      [点我收藏+]

<div>
        <h1>动态生成表格</h1>
        <div id="table1">
            行:<input type="text" id="h"/>
            列:<input type="text" id="l"/>
            <input type="button" value="生成" onclick="addTable();" />
            <div id="divt"></div>
        </div>
        
    </div>
    <script type="text/javascript">
        function addTable(){
                /*动态生成表格
                    1、得到输入的行和列的值
                    2、生成表格
                        循环行
                        在行里面循环单元格
                    3、显示到页面上
                        把表哥的代码设置到div里面
                        使用innerHTML属性
                */
            var h=document.getElementById("h").value;
            var l=document.getElementById("l").value;
            var divtab=document.getElementById("divt");
            //把表格代码放到一个变量里面
            var tab="<table border=‘solid‘>";
            for(var i=0;i<h;i++){
                tab+="<tr>";
                for(var j=0;j<l;j++){
                    tab+="<td>";
                    tab+="aaaaa";
                    tab+="</td>";
                }
                tab +="</tr>";
                
            }
            tab+="</table>";
            divtab.innerHTML=tab;
        }
    </script>

Js--动态生成表格

原文:https://www.cnblogs.com/xiqoqu/p/9061560.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!