为了账号安全,请及时绑定邮箱和手机立即绑定

为什么参考给出的代码中间的一段td=....被写了2次,一次不行吗?见下面详细代码

为什么参考给出的代码中间的一段td=....被写了2次,一次不行吗?见下面详细代码:

 function addOne(obj){ 

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

var tr = document.createElement('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();

    }

 上面下划线加粗的代码,为什么不能写为:

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

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

tr.appendChild(td); 

tr.appendChild(td); //这样写为什么不能连续添加?


正在回答

4 回答

这个就相当于你有一个苹果,放到了箱子a中,这个时候你来拿,拿到的是a,你继续拿,如果没有创建新的,拿到的还是a,,理解了吗?只有重新创建才可以拿到b。。。。

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

这样不行,你这样写的话你只创建了一个td,不管你 tr.appendChild(td); 多少次都只是用这一个td去添加,所以你这样的结果是只创建了一个td

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

我是这样理解的:

var td = document.createElement("td");  //变量赋予创建<td>标签的方法;

td.innerHTML = "<input type='text'/>";   //在创建的<td>标签内添加内容...;

tr.appendChild(td);        //在tr的子节点最后添加一个节点,节点为创建的<td>标签;

 tr.appendChild(td);      //继续在tr的子节点最后添加一个节点,节点为创建的<td>标签;(这样理解为什么错误?是不能重复使用?还是什么?)


请帮我解释下参考代码中,第二次写给出的下面代码这个意思?谢谢

td = document.createElement("td");  

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

tr.appendChild(td);



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

document.createElement("td"),是创建标签,一共是创建了两个标签;而不是你理解的那样。

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

举报

0/150
提交
取消

为什么参考给出的代码中间的一段td=....被写了2次,一次不行吗?见下面详细代码

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信