純js實現隔行變色

<script type="text/javascript">
    function createTable(){
        //創建表格
        var table = document.createElement("table");
        
        //設置表格的行數
        for(var i=0;i<4;i++){
            var tr = document.createElement("tr");
            //設置表格的列數
            for( var j=0;j<5;j++){
                var td = document.createElement("td");
                tr.appendChild(td);
                //添加文本
                var txt = document.createTextNode("wkk");
                td.appendChild(txt);
            }
            
            //判斷顏色的變換
            if(i%2==0){
                //添加屬性（第一種）
                tr.style.backgroundColor = "#f0f";
            } else {
                tr.style.backgroundColor = "#ff0";
            }
            
            table.appendChild(tr);
        }
        
        //添加屬性（第二種）
        table.setAttribute("border","1px");
        //table.style.border = "solid 1px red";
        table.setAttribute("width","200px");
        table.setAttribute("height","100px");
        
        
        //添加到body中
        document.body.appendChild(table);
        
        
    }//create table over
    
    createTable();
</script>