将表格转换为 Excel 工作表时，输入类型为文本的 HTML 表格单元格不显示答案

【问题标题】：HTML table cells with input type as text not appearing when converting table to excel sheet将表格转换为 Excel 工作表时，输入类型为文本的 HTML 表格单元格不显示
【发布时间】：2022-11-24 01:03:50
【问题描述】：

我在我的项目中有一个实用程序，其中有一个 HTML 表格，其中一些单元格有输入框，我使用 value 标签的 value 属性为其提供了默认值。用下面的代码让自己更清楚：

<table id="certain_table">
<thead>
<tr>
<td>SL. no.</td>
<td>Student Name</td>
<td>Marks</td>
<td>School Name</td>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td><input type="text" value="Vipul Tyagi" /></td>
<td><input type="text" value="80" /></td>
<td><p>XYZ Public School</p></td>
</tr>
</tbody>
</table>

我正在使用下面的 Javascript 代码将上表转换为 Excel：

function fnExcelReport()
  {
      var tab_text="<table border='2px'><tr style='font-size: 11px !important; font-family: Calibri;'>";
      var textRange; var j=0;
      tab = document.getElementById('certain_table'); // id of table
  
      for(j = 0 ; j < tab.rows.length ; j++) 
      {     
          tab_text=tab_text+tab.rows[j].innerHTML+"</tr>";
          //tab_text=tab_text+"</tr>";
      }
  
      tab_text=tab_text+"</table>";
      tab_text= tab_text.replace(/<A[^>]*>|<\/A>/g, "");
      tab_text= tab_text.replace(/<img[^>]*>/gi,"");
      tab_text= tab_text.replace(/<input[^>]*>|<\/input>/gi, ""); 
  
      var ua = window.navigator.userAgent;
      var msie = ua.indexOf("MSIE "); 
      var link = document.createElement("a");
      link.href = 'data:application/vnd.ms-excel,' + encodeURIComponent(tab_text);
      link.download = "StudentRecord_Vipul.xls";
      link.click();

  }

点击按钮调用fnExcelReport。问题是只有那些单元格出现在 excel 报告中，其中表格单元格是纯文本。那些有输入框的单元格没有出现在 excel 报告中，即使我给了它们默认值。

你们知道我怎样才能让这些字段出现在报告中吗？谢谢你。

【问题讨论】：

标签： javascript html excel

【解决方案1】：

从您的代码看来，您正在使用“.innerHTML”属性来获取单元格的值，而不是输入字段的“值”属性（您已将其放置在单元格中）。

您可以将此行重写为：

tab_text=tab_text+tab.rows[j].cells[i].firstChild.value+"

i 是该行中的单元格编号，您正在遍历您的行。

【讨论】：