三种生成表格的方式

1.   innerHTML

// 获取操作的标签元素

var div1=  document.getElementById("div1");
    div1.innerHTML = "<table border='1'><tr><td>性别</td></tr></table><select><option>11</option>  <option>22</option></select>";
//div1.appendChild(a);
// div1.innerHTML="";
var child = div1.parentNode.childNodes;

child[3].innerHTML = "<select><option>11</option><option>22</option></select>"

2.主要是使用createElement（）和appendChild（）

                        var div1 = document.getElementById("div1");
var  table =  document.createElement("table");
table.setAttribute("border","1");
var  tr = document.createElement("tr");
var td = document.createElement("td");
td.innerText = "性别";
table.appendChild(tr);
tr.appendChild(td);

div1.appendChild(table);

3.该方法外面加个点击事件，个人感觉是最为轻松的方式

         var tabNode=document.createElement("table");
         var div1 = document.getElementById("div1");
         var trNode=tabNode.insertRow();
         var tdNode=trNode.insertCell(0);
         var tdNode1=trNode.insertCell(1);
         var tdNode2=trNode.insertCell(2);
         tabNode.setAttribute("border","1");
         tdNode.innerText="鼠标";
         tdNode1.innerText="逻辑";
         tdNode2.innerText="键盘";
         div1.appendChild(tabNode);