新增加的一行没有按照原来的格式显示?

来源:9-22 编程练习

noxi

2016-06-30 13:34

http://img.mukewang.com/5774af62000110bc08160183.jpg

function addrow(){
      var tabletr = document.getElementById('table');
      var newtr = document.createElement("tr");

       var newtb = document.createElement("tb");
       newtb.innerHTML ="<input type='text'/>";
       newtr.appendChild(newtb);

       newtb = document.createElement("tb");
       newtb.innerHTML ="<input type='text'/>";
       newtr.appendChild(newtb);

       newtb = document.createElement("tb");
       newtb.innerHTML ="<a href ='javascript:;' onclick='deleterow(this)'/>删除</a>";
       newtr.appendChild(newtb);

      
      tabletr.appendChild(newtr);
      Highlight();//?
     }
      

写回答 关注

1回答

  • mixu727340530
    2016-06-30 14:59:30

    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='<a href="#" onclick = "deleteItem(this); return false;" >删除</a>';
               tr.appendChild(td);

               table.appendChild(tr);
              }

    用这个!

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468060 学习 · 21891 问题

查看课程

相似问题