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

这是javascript进阶篇第九章编程练习中的添加新的一行函数代码,为什么不显示,哪地方写错了。

这是javascript进阶篇第九章编程练习中的添加新的一行函数代码,为什么不显示,哪地方写错了。

qq_小辉_4 2017-08-05 23:27:41
          function tet(){         var ts=document.createElement("tr")         var td1=document.createElement("td")         var td2=document.createElement("td")         var td3=document.createElement("td")                  td1.innerHTML="<input type = 'text' />";         td2.innerHTML="<input type='text' />";         td3.innerHTML="<a href="javascript:;" >删除</a>"                  var tab=document.getElementById("table").lastChild         tab.appendChild(ts);         ts.appendChild(td1);         ts.appendChild(td2);         ts.appendChild(td3);     }   
查看完整描述

1 回答

已采纳
?
Jerps

TA贡献3条经验 获得超0个赞

 function addTo(){
           var table = 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='<input type = 'text' />"
           tr.appendChild(td);

           table.appendChild(tr);
          }

我是这么写的,没问题,试试appendChild顺序换一下试试!

查看完整回答
反对 回复 2017-08-06
  • qq_小辉_4
    qq_小辉_4
    这个代码我知道,我就想知道这个跟顺序有关系吗
  • Jerps
    Jerps
    每一次创建过程都需要绑定好,不然会出现问题,具体原因不明白,可能是bom内部执行机制的原因,可能存在过程覆盖的问题!具体的你可以问一下老师!
  • qq_小辉_4
    qq_小辉_4
    谢了,我知道了,是我的a标签链接属性错了,不是顺序,
点击展开后面4
?
lxmhh3788029

TA贡献15条经验 获得超2个赞

不好意思之前没仔细看说错了,按你写的执行程序会报错demo.html:39 Uncaught SyntaxError: Unexpected identifier,这是因为你字符串的拼接出错了,应该把 td3.innerHTML="<a href="javascript:;" >删除</a>"改为 td3.innerHTML="<a href=‘javascript:;’ >删除</a>",我已经试过了,你可以试试

查看完整回答
反对 回复 2017-08-07
?
跨越七海的_风

TA贡献25条经验 获得超5个赞

还有tBodies[0]这个也是个关键的问题呢,当时在blue的视频里面有强调。

查看完整回答
反对 回复 2017-08-06
?
lxmhh3788029

TA贡献15条经验 获得超2个赞

你生成的 td 不在 tr里面,插错位置了

查看完整回答
反对 回复 2017-08-06
  • 1 回答
  • 0 关注
  • 2102 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信