一个简单的JS Table类

<div id="div1">

</div>
<script>
function $(id){
    var el = document.getElementById(id);
    return {
        el:el,
        cTable:function(id){
            var mtable = new Table(id);
            el.appendChild(mtable.el);
            return mtable;
        }
    }
}
function cEle(tagName){
    return document.createElement(tagName);
}
function Table(id){
    var tbl= document.createElement("table");
        tbl.setAttribute("id",id)
    return {
        el:tbl,
        add:function(arr){
            var tr = document.createElement("tr");
                    
            for(var i=0;i<arr.length;i++){
                var td = document.createElement("td");
                var text = document.createTextNode(arr[i]);
                td.appendChild(text);
                tr.appendChild(td);
            }
            tbl.appendChild(tr);
        }
    }
} 
$("div1").cTable("tb1").add(["aa","aa","aa"]);
</script>