SheetJS -如何将HTML导出到Excel？
SheetJS -如何将HTML导出到Excel？
提问于 2018-05-22 20:02:13
我从本教程中复制了代码：
https://sheetjs.com/demos/table.html
function doit(type, fn, dl) {
var elt = document.getElementById('data-table');
var wb = XLSX.utils.table_to_book(elt, {sheet:"Sheet JS"});
return dl ?
XLSX.write(wb, {bookType:type, bookSST:true, type: 'base64'}) :
XLSX.writeFile(wb, fn || ('test.' + (type || 'xlsx')));
}最后，我用角创建了这个方法：
exportTableToExcel() {
var type = "xlsx"
var elt = document.getElementsByClassName('table');
var wb = XLSX.utils.table_to_book(elt, /*{sheet:"Sheet JS"}*/);
return XLSX.writeFile(wb, undefined || ('test.' + (type || 'xlsx')));
}在table_to_book方法的行中，我收到了这个异常：
table.getElementsByTagName不是一个函数
我也试过这个教程，这是类似的，但它是角4，而不是5。
http://vinhboy.com/blog/2017/06/13/how-to-use-sheetjs-xlsx-with-angular-4-typescript-in-the-browser/
回答 2
Stack Overflow用户
回答已采纳
发布于 2018-05-22 20:23:34
不建议将Jquery与角混合，您可以在角中使用ViewChild来访问DOM元素
可以访问具有模板引用变量的本机DOM元素。
示例
HTML
<div class="container">
<table class="table" #table>
//....................组件
import {Component,ViewChild, ElementRef} from '@angular/core';
import * as XLSX from 'xlsx';
export class AppComponent {
@ViewChild('table') table: ElementRef;
ExportToExcel()
{
const ws: XLSX.WorkSheet=XLSX.utils.table_to_sheet(this.table.nativeElement);
const wb: XLSX.WorkBook = XLSX.utils.book_new();
XLSX.utils.book_append_sheet(wb, ws, 'Sheet1');
/* save to file */
XLSX.writeFile(wb, 'SheetJS.xlsx');
}
}Stack Overflow用户
发布于 2018-05-22 20:07:37
document.getElementsByClassName('table');返回一个NodeList，而getElementById('data-table');返回一个节点。
如果只想使用table类的第一个元素，请执行以下操作：
var elt = document.getElementsByClassName('table')[0];页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50475638
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号