使用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不即

回答

相關問題