JavaScriptでHTMLファイルをExcelに変換

インターネット技術の継続的な発展に伴い、Excel テーブルの形式でデータを表示する機能を必要とするアプリケーションがますます増えています。 Web 開発では、JavaScript が主流のテクノロジーとなっており、広く使用されており、柔軟性が高く、Web ページに簡単に埋め込むことができます。したがって、JavaScript は、HTML ファイルを Excel テーブルに変換する必要性を認識する上で非常に役立ちます。

まず第一に、HTML テーブルと Excel テーブルの違いを知る必要があります。 HTML では情報がタグの形式で保存されますが、Excel のテーブルでは情報がセルの形式で表示されます。したがって、HTML 内のタグを表のセルに変換し、表のデータを Excel ファイルにインポートする必要があります。

この目標を達成するには、さまざまな方法があります。この記事では主にJavaScriptライブラリjs-xlsxを使ってHTMLファイルをExcelファイルに変換する方法を紹介します。

Js-xlsx は、Excel ファイルを読み書きするための JavaScript ライブラリであり、Excel ファイルを読み書きするためのさまざまな API を提供します。その助けを借りて、HTML ファイルを Excel ファイルに迅速かつ正確に変換できます。

以下では、Js-xlsx を使用して HTML ファイルを Excel ファイルに変換する方法を段階的に紹介します。

1. js-xlsx ライブラリを導入する

まず、js-xlsx ライブラリを HTML ドキュメントに導入する必要があります。 HTML ドキュメントの先頭に次のコードを追加します。

<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.16.2/xlsx.full.min.js"></script>

2. HTML ファイル内のテーブル データを取得します

HTML ファイルからテーブル データを取得する必要があります。 JavaScript コードを介して。 HTML ファイル内のテーブルを Excel ファイルに変換するとします。次のコードを通じてテーブル データを取得できます:

var table = document.getElementById("tableId"); // 获取表格元素
var data = []; // 储存表格数据
for (var i = 0; i < table.rows.length; i++) {
  var rowData = []; // 储存一行数据
  for (var j = 0; j < table.rows[i].cells.length; j++) {
    rowData.push(table.rows[i].cells[j].innerText); // 获取单元格文本内容
  }
  data.push(rowData); // 将一行数据加入数组
}

3. Create Excel file

Next , we Excel オブジェクトを作成する必要があります。 Js-xlsx の utils.book_new() 関数を使用して、新しい Excel オブジェクトを作成できます。次に、utils.json_to_sheet() 関数を使用してテーブル データを Excel テーブルに変換し、Excel オブジェクトに追加する必要があります。

var wb = XLSX.utils.book_new(); // 创建新的Excel对象
var ws = XLSX.utils.json_to_sheet(data); // 将表格数据转换成Excel表格
XLSX.utils.book_append_sheet(wb, ws, "Worksheet1"); // 将Excel表格添加到Excel对象中

4. Excel ファイルのエクスポート

テーブル データを Excel テーブルに変換し、Excel オブジェクトに追加した後、Excel ファイルをエクスポートする必要があります。次のコードを使用して、Excel オブジェクトをファイルに書き込み、保存できます。

XLSX.writeFile(wb, 'filename.xlsx'); //将Excel对象写入文件并保存

これまでのところ、HTML ファイル内のテーブル データを Excel テーブルに変換し、ローカル ファイルに保存することができました。

概要

Web 開発では、HTML ファイルを Excel テーブルに変換することが一般的な要件であり、これによりデータを簡単に表示し、レポートを生成できます。この記事では、Js-xlsxを使ってHTMLファイルをExcelファイルに変換する方法を紹介します。この方法により、データの変換とエクスポートが迅速かつ正確に可能になります。ただし、HTML ファイルを Excel テーブルに変換するには、スタイルなどの問題が伴う場合があり、これも実装プロセス中に特別な注意が必要な問題であることに注意してください。

以上がJavaScriptでHTMLファイルをExcelに変換の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。