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); ------------表追加行
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); ------------表追加行
相关文章推荐
- JS基础(二)
- JavaScript的事件举例
- javascript日期时间操作总结
- JavaScript的函数举例
- JavaScript的对象举例
- javascript 高级程序设计 三
- javascript变量声明 及作用域
- js数组与 json 的区别
- js 闭包
- json 语法
- js获取所点击<a>的href值
- js实现checkbox的全选和反选
- C#跨平台调用接口(URL传参GET调用和Post Json传参调用)
- javascript笔记——正则表达式学习笔记
- html js和css分别解决字数超过限制用省略号代替
- js写的替换字符串(相当于js操作字符串的一个练习)
- Javascript的setTimeout详细用例
- JavaScript基础
- javascript实现倒计时程序
- js中有趣的闭包(closure)