html动态生成tr标签,JS动态添加tr元素

tr1:	是 否

test

function addDiv(){

//创建行

var tr=document.createElement("tr");

//newNode.setAttribute("id","a3");

//创建第一个单元格

var td = document.createElement("td");

var tdContent = document.createTextNode("xxxxxx");

td.appendChild(tdContent);

//tr中添加该单元格

tr.appendChild(td);

//创建第二个单元格

td = document.createElement("td");

//创建多选项

var selection = document.createElement("select");

//创建选项

var option = document.createElement("option");

var optionContent = document.createTextNode("option1");

option.appendChild(optionContent);

//多选项添加单选项

selection.appendChild(option);

option = document.createElement("option");

optionContent = document.createTextNode("option2");

//多选项添加单选项

selection.appendChild(option);

//td中添加selection

td.appendChild(selection);

//tr中添加该单元格

tr.appendChild(td);

//在id为tb1的父元素下添加tr,添加的位置在 id为last_tr之前

document.getElementById("tb1").insertBefore(tr,document.getElementById("last_tr"));

alert(document.getElementById("tb1").innerHTML);

}

注意，如果没有

元素， 直接在table元素下添加，可能会出现

了解更多

http://blog.csdn.net/cike121272604/article/details/5809114

http://stackoverflow.com/questions/23401641/uncaught-notfounderror-failed-to-execute-insertbefore-on-node-the-node-bef