http://dikar.iteye.com/blog/143593
function creatTable()
{
//用createElement函数创建tbody,tr,td,textNode元素
//关于各元素的意义不在此描述
var tbody= document.createElement("tbody");
var row=document.createElement("tr");
var cell=document.createElement("td");
var textNode=document.createTextNode("test");
//可用于理解textNode
//alert(textNode.length); 这里是test的长度4
//alert(textNode.toString());当然就是test了
//因为各元素都是节点与子节点的关系所以用appendChild()函数将各节点连接起来
cell.appendChild(textNode);
row.appendChild(cell);
tbody.appendChild(row);
//现在可以将创建好的TBODY元素加入指定ID的table中了
document.getElementById("ww").appendChild(tbody);
}
http://www.iteye.com/topic/319182
方法一:DOM实现
//先获取该表格的引用:
var Container = document.getElementById(TableId);
//然后创建行(TR对象)
var NewTr = document.createElement("tr");
//填充该表格行
var NewTd1 = document.createElement("td");
var NewTd2 = document.createElement("td");
......
NewTr.appendChild(NewTd1);
NewTr.appendChild(NewTd2);
......
下面要做的是继续填充新建好的单元格
另外一种填充表格行的方式是
NewTr.innerHTML = " ........ ";
接下来,要在DOM树中指定NewTr的父节点,
在表格的DOM中,TR的父结点应该是TBODY这个几乎被遗忘的对象.
var LastTr = Container.rows[Container.rows.length - 1];
LastTr.parentNode.appendChild(NewTr);
通常来讲,从表格中删除某一行一般是通过表格的deleteRow()方法和行的rowIndex属性来删除,如下,欲删除刚刚添加的新行:
var Container = document.getElementById(TableId);
var LastTrIndex = Container.rows.length - 1; // 表格最后一行
Container.deleteRow(LastTrIndex);
分享到:
相关推荐
js简单表格操作,对表格进行增删改,效果可看博客: https://blog.csdn.net/qq_37902949/article/details/81056551
JavaScript操作表格JavaScript操作表格JavaScript操作表格
关于javascript 的表格操作的一些函数集合
js操作表格 实例 js操作表格 实例 js操作表格 实例
原生JavaScript,对数据表格进行操作,使用DOM实现数据的动态操作,包括增加、删除、查询、修改。
1 展示了一个动态操作表格的例子 2 有简单的CSS布局 3 主要供自己查阅参考
包括js动态表格的操作。数据的复制
javascript动态操作表格 1.添加表格 2.删除表格 3.选种表格 4.支持IE6.0和Firefox浏览器
javascript 表格操作
使用JS调用动态链接库操作WORD并绘制表格
纯JS实现的读取excel文件内容功能。各种电子表格格式的解析器和编写器。
js操作表格,带初始化的 增加,删除很齐全的哦。。
经过多次应用后总结的对表格的经典操作,动态增加行,删除行,全选,删除全部等等...
主要介绍了JS实现的表格行上下移动操作,涉及javascript针对页面元素节点与属性的相关操作技巧,需要的朋友可以参考下
表格操作常用方法! 值得下载看看!资源免费,大家分享!!
JS操作表格的代码,动态生成表格和操作表格,里面写的很详细,很完整。
静态实现javascript,实现表格的增加和删除等功能,值得初学者学习
JavaScript动态操作表格,添加,删除行、列及单元格
js 操作表格动态添加和删除行