无法在IE中创建动态表

时间:2014-06-02 15:51:56

标签: javascript html

当用户选择要上传的文件时,我想创建一个表,动态地显示与创建的表中的文件相关的一些数据。问题是我的代码在Chrome和FF中正常工作但在IE中没有。请在“http://jsfiddle.net/v48mH/2/”中找到工作示例(chrome和FF但不在IE中)。请建议如何修改我的代码,以便它可以在IE中工作。 以下是代码:

HTML code:

<input type="file" name="fileUpload" size="50" id="file1" multiple/> 

<table border="1" id="uploadTable" style="visibility:hidden">

           <tr> <th>SNo</th><th>FileName</th><th>Action</th> </tr>
 </table>

JavaScript代码:

var rowN = 0;var count = 1;
 document.getElementById("file1").onchange = function() {
    document.getElementById("uploadTable").style.visibility="visible";
    var filename = "sample.txt";

    var table = document.getElementById("uploadTable");

     var row = '<tr><td><input type="text" name="sno" id="sno' + rowN + '" value="' + count + '"/></td><td><input type="text" name="fileName" id="fileName' + rowN + '" value="' + filename + '"/></td> <td width="100%">delete</td></tr>'; 
     //document.getElementById("uploadTable").value = file.size + " bytes";
     //document.getElementById("fileName").value = file.name;
      table.innerHTML = table.innerHTML + row;  
     rowN++;
     count++;
    };

0 个答案:

没有答案