用dom追加实现添加表格每一行
来源:互联网 发布:淘宝全屏详情页 编辑:程序博客网 时间:2024/06/05 08:30
1)获取原来数据
2)原来的数据+新的内容 写入到文本节点中
dom访问常见属性
添加节点:1)创建元素节点 createElement("元素的名称") 创建是个标签
2)创建文本节点 createTextNode("文本的内容"); 创建的是内容
添加节点方法: 使用 appendChild 把我们定义好的元素节点
或者是 文本节点 向当前元素节点的最后一个子节点之后添加节点(追加节点)
appendChild格式 当前节点(父) 新节点(等待追加)
<script language="javascript" type="text/javascript">
function addTable(){
//获取输入的值
var name=document.getElementById("name").value;
var sex=document.getElementById("sex").value;
var year=document.getElementById("year").value;
var address=document.getElementById("address").value;
var table=document.createElement("table");
//设置table的border
table.setAttribute("border","1");
//创建tr
var tr=document.createElement("tr");
//创建text
var p=new Array();
p[0]=document.createTextNode(name);
p[1]=document.createTextNode(sex);
p[2]=document.createTextNode(year);
p[3]=document.createTextNode(address);
for(var i=0;i<p.length;i++){
//创建td
var td=document.createElement("td");
//文本追加到td
td.appendChild(p[i]);
//把td添加到tr
tr.appendChild(td);
}
document.getElementById("table1").appendChild(tr);
}
</script>
- 用dom追加实现添加表格每一行
- bootstrap表格的每一行添加一个按钮事件
- js实现添加删除表格的一行
- jQuery实现用户添加删除,符合条件追加到表格
- 每一行末尾添加分号
- jquery遍历表格 每一行 值
- 点击按钮实现表格动态添加或删除一行
- easyUI的table表格怎么实现将每一行中某几列数据相加放入另一列
- dom添加表格
- js 动态表格添加一行删除一行
- 表格动态添加删除一行
- 动态添加表格一行(javascript)
- js表格最后添加一行
- easyUI的table表格怎么实现将某一列数据之和放入新追加的一行中
- 添加表格的一行删除表格的一行
- js动态表格添加一行删除一行保存一行
- DOM动态添加,删除表格
- 查出的表格数据,每一行的特殊处理
- linux 下的tar 压缩,解压指令
- 【转载】ICE介绍(2)
- 详解SQL中FOR XML子句的各种用法
- 【转载】ICE介绍(3)
- JQuery/formValidator ajax中文乱码最合理解决方式
- 用dom追加实现添加表格每一行
- rsync与rdiff-backup
- 一线网页游戏程序员日志 (八)
- 获取Windows系统明文密码神器
- mini2440之nand flash 分析(1)
- header('Content-Type: text/html; charset=utf-8');
- linux core的生成,调试
- MySQL之alter语句用法总结
- 怎样在5秒内从5亿记录的用户积分表实时得到用户的排名