                        课程
                    
                        /前端开发
                        
                            /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

关注问题我要回答

1170

操作

收起

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 回复有任何疑惑可以回复我~

收起回答