參考代碼：

function addOne(obj){?

? ?var tbody = document.getElementById('table').lastChild; ?

var tr = document.createElement('tr'); ?//tr節點

?

var td = document.createElement("td");

td.innerHTML = "<input type='text'/>";

tr.appendChild(td);

?

td = document.createElement("td"); ?

td.innerHTML = "<input type='text'/>";

tr.appendChild(td);

?

td = document.createElement("td");

td.innerHTML = "<a href='javascript:;' onclick='deleteRow(this)'>刪除</a>";

tr.appendChild(td); ??

?

tbody.appendChild(tr); ??

Highlight();

? ? }

問題：

tbody.appendChild(tr); ? ?//父節點對象.appendChild(要插入的子節點對象);

但是上面父節點對象的定義：

? ?var tbody = document.getElementById('table').lastChild; ?//tabody=table節點的最后一個子節點

再看tbody.appendChild(tr);//按上面定義的tbody來看，tbody并不是tr的父節點，toody就是tr最后一項。

這不是矛盾了嗎？教材里說必須是 ? 父節點對象.appendChild(要插入的子節點);

關于appendChild，摘自教材。

插入節點appendChild()

在指定節點的最后一個子節點列表之后添加一個新的子節點。

語法:

appendChild(newnode)

參數:

newnode：指定追加的節點。