js动态表格追加行

来源:互联网 发布:微博数据分析 编辑:程序博客网 时间:2024/06/06 03:18
var tb=document.getElementById("table1");         -----------获取表
var tr1=document.createElement("tr");      --------创建行
var td1=document.createElement("td");        ------------创建单元格
td1.innerHTML=document.getElementById("input1").value;           -------------单元格里赋值
tr1.appendChild(td1);        -----------在行里添加单元格
var td1=document.createElement("td");            
td1.innerHTML=document.getElementById("input2").value;
tr1.appendChild(td1);
var td1=document.createElement("td");
if(document.getElementById("r1").checked){td1.innerHTML="男";}
else{td1.innerHTML="女";}
tr1.appendChild(td1);
var td1=document.createElement("td");
td1.innerHTML=document.getElementById("select1").value;
tr1.appendChild(td1);
tb.tBodies[0].appendChild(tr1);           ------------表追加行
0 0