/*封裝*/
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];
????}
}
/*節(jié)點（元素）*/
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);
????}
}
僅用javascript動態(tài)完成表格的增刪改操作（表格為動態(tài)的生成）
修遠道
2016-01-10 10:52:19