w3c子节点操作

<script>
//增加table中的表格时,一定是table tbody tr td 的顺序
function addRow()
{
//得到table标签
var table = document.getElementById("testTbl");

//生成tbody标签
var tbody = document.createElement("tbody");
//生成tr标签
var tr = document.createElement("tr");
//生成td标签
var td1 = document.createElement("td");
//生成td标签
var td2 = document.createElement("td");
//生成一个纯文本的对象
var textNode = document.createTextNode("new add")
//生成一个input对象
var input = document.createElement("input");

//把textNode放入td1中.
td1.appendChild(textNode);

td2.appendChild(input);
//把td1放入tr中
tr.appendChild(td1);

tr.appendChild(td2);
//把tr放入tbody中
tbody.appendChild(tr);
//把tbody放入table中
table.appendChild(tbody);

}

//同样要删除时,也要按照table tbody tr td 的顺序
function deleteRow()
{
var table = document.getElementById("testTbl");
var tbody = table.firstChild;
var tr = tbody.firstChild;
tbody.removeChild(tr);
}
</script>