如何使用js动态创建table，并隔行换色

基本代码如下：

function getContent(){
        var id=$("#contentId").val();
        if(id==''){
            alert("内容ID不可为空!");
            return;
        }
        $.ajax({
            type:"post",
            url:"/cim-admin/json/returnContent.html",
            data:{id:id},
            success:function(data){
                var t=document.getElementById("content_table");
                t = t.children[1];  //获取tbody
                var l = t.rows.length;  //获取当前行数
                var num = t.rows.length;
                for(var i=0;i<data.root.length;i++){
                    var exist = false;
                    for(var j = 0; j <l; j++){
                        if(t.rows[j].attributes.id == data.root[i].id){
                            exist = true;
                            break;
                        }
                        console.log(j);
                    }
                    if(exist){
                        continue;
                    }
                    var r = t.insertRow(num);
                    r.attributes.id = data.root[i].id;
                    var c = r.insertCell();
                    var d = r.insertCell();
                    var e = r.insertCell();
                    c.innerHTML = data.root[i].id;
                    d.innerHTML = data.root[i].siteName;
                    e.innerHTML = "<button type='button' class='btn btn-xs btn-link' οnclick='deletetr(this)'>删除</button>";
                    if(num%2==0){
                        r.className="";
                    }else{
                        r.className="info";
                    }
                    num++;
                }
            }
        });
    }

此代码仅限于个人回味！