테이블, 행 및 열 작성 방법

테이블, 행 및 열 작성 방법

  : 
      : 
      
     

         
     
     
        function $(id){
            return document.getElementById(id);
        }
         $("btn").onclick=function(){
             $("wrap").innerHTML="";
             var rows=$("row").value;
             var cols=$("col").value;
             var oTable=document.createElement("table");
             oTable.border=2;
             oTable.style.width="300px";
             oTable.style.height="300px";
             for(var i=0;i<rows;i++){
                var oTr=document.createElement("tr");
                for(var j=0;j<cols;j++){
                var oTd=document.createElement("td");
                    oTr.appendChild(oTd);   
                }
                console.log(rows.value)
                var endTd=document.createElement("td");
                endTd.innerHTML="<a href='javascript:;'> </a>";
                oTr.appendChild(endTd);
                oTable.appendChild(oTr);    
             }
             $("wrap").appendChild(oTable);
             var as=document.querySelectorAll("a");
             for(var i=0;i<as.length;i++){
                 as[i].onclick=function(){
                    if(confirm(" ")){
                        this.parentNode.parentNode.remove();
                        if(oTable.children.length==0){
                            oTable.remove();
                        }
                    }
                 }
             }
         }