国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

javascript 動態創建表格

2019-11-20 13:28:09
字體:
來源:轉載
供稿:網友

復制代碼 代碼如下:

<html>
        <head>
            <script>
                function createTable(rows,lines){
                    this.rows=rows;
                    this.lines=lines;
                    var Body=document.getElementById('body');
                    var Table=document.createElement('table');//創建table標簽元素
                    Table.setAttribute('border','1');
                    //給table標簽添加其他屬性
                    for(var i=0;i<this.rows;i++){
                        var lRow=document.createElement('tr');
                        for(var j=0;j<this.lines;j++){
                            var textNode=document.createTextNode(i+','+j);
                            var lLine=document.createElement('td');
                                lLine.appendChild(textNode);
                            lRow.appendChild(lLine);
                        }
                        Table.appendChild(lRow);
                    }
                    Body.appendChild(Table);
                }
            </script>
        </head>
        <body >
            <div id="body"></div>
        </body>
        <script type="text/javascript">
            createTable(10,10);
        </script>
</html>

第二種方法:

復制代碼 代碼如下:

<script>
                function createTable(rows,lines){
                    this.rows=rows;
                    this.lines=lines;
                    var Body=document.getElementById('body');
                    var Table=document.createElement('table');
                    Table.setAttribute('border',1);
                    for(var i=0;i<this.rows;i++){
                        var row=Table.insertRow(i);
                        for(var j=0;j<this.lines;j++){
                            var cells=row.insertCell(j);
                            cells.innerHTML=i+','+j
                        }
                    }
                    Body.appendChild(Table);
                   
                }
            </script>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 广安市| 广灵县| 城口县| 彩票| 西宁市| 禄丰县| 安顺市| 津市市| 安吉县| 台中县| 安徽省| 卫辉市| 永昌县| 凤山县| 湛江市| 安西县| 堆龙德庆县| 会宁县| 珲春市| 襄城县| 高雄县| 宜丰县| 保德县| 中方县| 临洮县| 夏津县| 札达县| 新余市| 郁南县| 佛山市| 望奎县| 浦东新区| 应城市| 延津县| 扎赉特旗| 晋中市| 明水县| 合山市| 柘城县| 上蔡县| 朝阳县|