您的位置:首页 > Web前端 > JavaScript

js动态表格追加行

2016-03-02 16:34 471 查看
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);           ------------表追加行
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: