                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript進階篇

關于td元素的添加

var t = document.getElementById("table");

var x = document.createElement("tr");?

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

x.appendChild(y);

t.appendChild(x);

為什么我這么寫只添加了一個td元素上去 ?而不是添加了三個 ? 換成創建y ?x ?z 三個td元素依次添加才可以 ?為什么?

慕用6930380

2016-07-01

源自：JavaScript進階篇 9-22

關注問題我要回答

1241

操作

收起

2 回答

5E 回答被采納 +3 積分
2016-07-01

??var?otest2?=?document.getElementById("test2");?
??var?tr1?=?document.createElement("tr");
??var?th1?=?document.createElement("th");??
??var?th2?=?document.createElement("th");
??
??var?tr2?=?document.createElement("tr");
??var?td1?=?document.createElement("td");??
??var?td2?=?document.createElement("td");
??
??otest2.appendChild(tr1);
??th1.innerHTML?=?"th1";
??th2.innerHTML?=?"th2";
??tr1.appendChild(th1);
??tr1.appendChild(th2);
??
??otest2.appendChild(tr2);
??td1.innerHTML?=?"td1";
??td2.innerHTML?=?"td2";
??tr2.appendChild(td1);
??tr2.appendChild(td2);

你試試這段代碼，就明白了~

0 回復有任何疑惑可以回復我~

收起回答

慕用6930380 提問者

我知道命名不一樣分開添加就好了我就是想問問為什么我一開始這么寫不行先謝謝你啦

2016-07-01 回復有任何疑惑可以回復我~

5E 回復慕用6930380 提問者

命名相同就取代了原來的啊，所以添加不了兩個

2016-07-04 回復有任何疑惑可以回復我~

紅袖侍讀
2016-07-07

var?t?=?document.getElementById("table");
var?x?=?document.createElement("tr");?
var?y?=?document.createElement("td");?
x.appendChild(y);
x.appendChild(y);
x.appendChild(y);
t.appendChild(x);

命名是可以一樣的，但是你只create了一個新節點啊，你后面x掛三次都是掛的這創建的一個節點，當然最后只添了一個td啦。改成如下這樣就可以了

var?t?=?document.getElementById("table");
var?x?=?document.createElement("tr");?
var?y?=?document.createElement("td");?
x.appendChild(y);
y?=?document.createElement("td");?
x.appendChild(y);
y?=?document.createElement("td");?
x.appendChild(y);

t.appendChild(x);

0 回復有任何疑惑可以回復我~

收起回答