JS動態生成表格

　　最近實現了使用原生Javascript來生成動態表格的一個功能，主要功能是：輸入表格的行數和列數，來創建指定的表格。

　　源碼：https://github.com/JinganGuo/JavascriptDemos；

　　效果圖如下：

　

　　編碼的過程中主要要注意對用戶的輸入進行一個檢查，對非數字、負數、小數、以及大於1000的數字進行檢查：

// 檢查數字
function checkNum(num) {
    if (!num || isNaN(num)) {
        alert("請輸入一個數字");
    } else if (num <= 0) {
        alert("請輸入一個大於0的數字");
    } else if (String(num).indexOf(".") > -1) {
        alert("請輸入一個整數");
    } else if(num > 100){
        alert("請不要輸入超過1000的數字！");
    }  else {
        return true;
    }
}

 　　生成表格使用了table對象的方法：insertRow() 和 insertCell()：

// 生成表格
function createTable(row, column) {
    var table = document.createElement("table");
    // 添加行
    for (var i = 0; i < row; i++) {
        var trNode = table.insertRow();
        // 添加列
        for (var j = 0; j < column; j++) {
            var tdNode = trNode.insertCell();
            tdNode.innerHTML = (i + 1) + "行" + (j + 1) + "列";
        }
    }
    return table;
}