仅用javascript动态完成表格的增删改操作(表格为动态的生成)

/*封装*/
function $(flag){
    str = flag.split("");
    strFlag = flag.slice(1);
    var indexOf = flag.indexOf(" ");
    var dom;
    if((str[0]=="#")&& (indexOf == -1)){
        dom = document.getElementById(strFlag);
        return dom;
    }else if((str[0]==".")&&(indexOf ==-1)){
        dom = document.getElementsByClassName(strFlag);
        return dom[0];
    }else if(indexOf!=-1){
        dom = document.querySelectorAll(flag);
        return dom[0];
    }else{
        dom = document.getElementsByTagName(flag);
        return dom[0];
    }

}
/*节点(元素)*/
function nodeElement(){
    var tr = $("#tr").value*1;
    var td = $("#td").value*1;
    updateTable2(tr,td);
}
/*生成表格*/
function updateTable2(rows,rols){
    var tb = document.createElement("table");
    tb.className="tb";
    for(var i=1;i<=rows;i++){
        var tr = document.createElement("tr");
        tr.className="tr";
        tr.innerHTML=Math.floor(Math.random()*rows);
        for(var j=1;j<=rols;j++){
            var td = document.createElement("td");
            td.innerHTML=Math.floor(Math.random()*rols);
            if(j==1){
                var cno=document.createElement("input");
                cno.type="checkbox";
                cno.className="check";
                tr.appendChild(cno);
            }
            else{
                tr.appendChild(td);
            }

        }
        tb.appendChild(tr);
    }
    if((rows!="")&&(rols!="")){
        $(".div-tb").innerHTML="";
        $(".div-tb").appendChild(tb);

    }

}


修远道
浏览 1950回答 0
0回答
打开App,查看更多内容
随时随地看视频慕课网APP