http://dikar.iteye.com/blog/143593
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
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
Java代码
方法一：DOM实现
|
1 2 3 4 5 6 7 8 9 10 11 12 |
//先获取该表格的引用: 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这个几乎被遗忘的对象.
|
1 2 |
var LastTr = Container.rows[Container.rows.length - 1]; LastTr.parentNode.appendChild(NewTr); |
通常来讲,从表格中删除某一行一般是通过表格的deleteRow()方法和行的rowIndex属性来删除,如下,欲删除刚刚添加的新行:
|
1 2 3 |
var Container = document.getElementById(TableId); var LastTrIndex = Container.rows.length - 1; // 表格最后一行 Container.deleteRow(LastTrIndex); |
