使用document.createElement不即

嗨工作，我有一个表结构使用document.createElement不即

<table id ="tbl1" > 
      <thead> 

       <tr> 
       <td></td> 
       <td> 
<button class="btn-danger btn fileinput-button" type="button">-</button></td> 
       </tr> 
     </thead> 
      </table>

我必须建立在JavaScript动态行...我使用下面的代码来生成..

  var rowCount = table.rows.length; 
      var row = table.insertRow(rowCount); 

      var cell1 = row.insertCell(0); 
      cell1.innerHTML = filename; 


      var cell2 = row.insertCell(1); 
      var element2 = document.createElement("button"); 
      element2.type = "button"; 
      element2.className = "btn-danger btn fileinput-button"; 
      var element3 = document.createElement("span"); 
      element3.innerHTML = "-"; 
      element2.appendChild(element3); 
      cell2.appendChild(element2);

上面的代码在Fire fox中工作正常，但在ie按钮td中没有创建。任何人都可以帮忙。

非常感谢安娜

来源

2012-07-17 Anna.P

顺便说一句，你为什么不使用jQuery做这个工作正常，我在IE7,9？因为你的问题有一个jQuery标签！ – sally 2012-07-17 06:45:06

您使用的是什么版本的IE？ – Spudley 2012-07-17 06:48:05

你会得到什么错误？，你是否尝试在开发者工具中调试它？ – Musa 2012-07-17 06:54:39

jQuery中对此的一个替代方案：

var filename = 'sdsd'; 
    var $btn = $('<button type="button">-</button>'); 
    $btn.attr('class', 'btn-danger btn fileinput-button'); 

    var $tr = $('<tr />'); 
    $tr.append('<td>'+filename+'</td>'); 
    $tr.append('<td />'); 
    $tr.find('td:last').append($btn); 
    $('#tbl1').append($tr);

误差怎么把此行中我们的代码的： element2.type = "button";

来源

2012-07-17 07:05:36 sally

嗨萨莉谢谢 – 2012-07-17 07:38:15

我改变了我的代码，如下图，这也是工作。 – 2012-07-17 07:38:49

不用担心安娜:) – sally 2012-07-19 00:36:33

由于萨利，

我改变了我的代码，如下所示，这也正在工作。

var strTableRow = "<tr><td>" + filename + "</td><td><button class='btn-danger btn fileinput-button' type='button'>-</button></td></tr>"; 

$('#'+tableID).append(strTableRow);

非常感谢安娜

来源

2012-07-17 07:40:06

使用document.createElement不即

回答

相关问题