關(guān)于td元素的添加
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);
為什么我這么寫(xiě)只添加了一個(gè)td元素上去 ?而不是添加了三個(gè) ? 換成 創(chuàng)建y ?x ?z 三個(gè)td元素依次添加才可以 ?為什么?
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);你試試這段代碼，就明白了~
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了一個(gè)新節(jié)點(diǎn)啊，你后面x掛三次都是掛的這創(chuàng)建的一個(gè)節(jié)點(diǎn)，當(dāng)然最后只添了一個(gè)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);