这将使用Javascript生成一个动态HTML表吗

Will this generate a dynamic HTML table using Javascript?

本文关键字:一个 动态 表吗 HTML Javascript      更新时间:2023-09-26

我需要通过传递表的大小来动态地用Javascript生成一个表。这个表是一个n乘n的表。

  funtion createTable(n) {
        var body = getElementByTag('body');
        var table = document.createElment('table');
        table.setAttribute("border","1px solid #ccc");
        for (i=0;i<n;i++){
            var row = table.insertRow(i);
            for (j=0;j<n;j++){
                var cell= row.insertCell(j);
            }
        }
    }

我无法让它工作

一些语法错误,需要将表添加到DOM中。

  function createTable(n) {
        var body = document.getElementsByTagName('body')[0];
        var table = document.createElement('table');
        table.setAttribute("border","1px solid #ccc");
        body.appendChild( table );
        for (i=0;i<n;i++){
            var row = table.insertRow(i);
            for (j=0;j<n;j++){
                var cell= row.insertCell(j);
            }
        }
    }
   createTable(10);

演示位置http://jsfiddle.net/gaby/nwofk5dx/