zoukankan      html  css  js  c++  java
  • Js--动态生成表格

    <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>

  • 相关阅读:
    使用uibesizerpath + Cashaplayer画椭圆
    国庆节,回乡
    慎用单例
    终于碰到iOS对象集合深拷贝的坑
    Oracle 按表名导出数据
    代理模式(Proxy Pattern)
    享元模式(Flyweight Pattern)
    外观模式(Facade Pattern)
    组合模式
    装饰者模式
  • 原文地址:https://www.cnblogs.com/xiqoqu/p/9061560.html
Copyright © 2011-2022 走看看