Javascript 元素在jsPDF中是未定义的错误

Javascript 元素在jsPDF中是未定义的错误,javascript,jquery,html,jspdf,Javascript,Jquery,Html,Jspdf,我正在尝试制作一个应用程序,用户可以在其中下载PDF格式的特定表格。我正试图使用jsPDF,但由于某些原因,它不起作用。我在控制台中得到的最新错误是TypeError:element在文件jspdf.plugin.from_html.js中未定义 我的做法如下: 我有以下标题: <script type="text/javascript" src="jspdf.js"></script> <script type="text/javascript" src="jsp

我正在尝试制作一个应用程序,用户可以在其中下载PDF格式的特定表格。我正试图使用jsPDF,但由于某些原因,它不起作用。我在控制台中得到的最新错误是
TypeError:element在文件
jspdf.plugin.from_html.js
中未定义

我的做法如下:

我有以下标题:

<script type="text/javascript" src="jspdf.js"></script>
<script type="text/javascript" src="jspdf.plugin.from_html.js"></script>
<script type="text/javascript" src="jspdf.plugin.split_text_to_size.js"></script>
<script type="text/javascript" src="jspdf.plugin.standard_fonts_metrics.js"></script>

这里可能需要注意的一点是,我的表是在页面加载过程中根据我的后端提供的值动态填充的

该表如下所示:

<div id="huh">

<table class="table table-hover table-bordered" id="recent">
    <thead>
        <tr>
            <th>
            Spent On
            </th>
            <th>
            Amount
            </th>
        </tr>
    </thead> 

</table>
    </div>

花在
数量
调用以下脚本时,该表包含实际数据:

<script type="text/javascript">

     function demoFromHTML() {
         var doc = new jsPDF('p', 'in', 'letter');
         var source = document.getElementById('huh');
         var specialElementHandlers = {
             '#bypassme': function(element, renderer) {
                 return true;
             }
         };

         doc.fromHTML(
            $('#testcase').get(0), // [Refer Exact code tutorial][2]HTML string or DOM elem ref.
             0.5,    // x coord
             0.5,    // y coord
             {
                 'width': 7.5, // max width of content on PDF
                 'elementHandlers': specialElementHandlers
             });

         doc.output('dataurl');
    }

    </script>

<button onclick="javascript:demoFromHTML();">PDF</button>

函数demoFromHTML(){
var doc=新的jsPDF(“p”、“in”、“字母”);
var source=document.getElementById('huh');
变量specialElementHandlers={
“#绕过我”:函数(元素、渲染器){
返回true;
}
};
doc.fromHTML(
$(“#testcase”).get(0),/[请参阅精确代码教程][2]HTML字符串或DOM元素参考。
0.5,//x坐标
0.5,//y坐标
{
“宽度”:7.5,//PDF上内容的最大宽度
“elementHandlers”:specialElementHandlers
});
文档输出('dataurl');
}
PDF
我从示例和示例中获取了一些代码。你知道我哪里出错了吗? 多谢各位

您的
#testcase
未定义

尝试:


函数demoFromHTML(){
var doc=新的jsPDF(“p”、“in”、“字母”);
//var source=document.getElementById('huh');
变量specialElementHandlers={
“#绕过我”:函数(元素、渲染器){
返回true;
}
};
doc.fromHTML(
$('#huh').get(0),/[参考精确代码教程][2]HTML字符串或DOM元素参考。
0.5,//x坐标
0.5,//y坐标
{
“宽度”:7.5,//PDF上内容的最大宽度
“elementHandlers”:specialElementHandlers
});
文档输出('dataurl');
}
下面是一个工作示例

<script type="text/javascript">

     function demoFromHTML() {
         var doc = new jsPDF('p', 'in', 'letter');
         //var source = document.getElementById('huh');
         var specialElementHandlers = {
             '#bypassme': function(element, renderer) {
                 return true;
             }
         };

         doc.fromHTML(
            $('#huh').get(0), // [Refer Exact code tutorial][2]HTML string or DOM elem ref.
             0.5,    // x coord
             0.5,    // y coord
             {
                 'width': 7.5, // max width of content on PDF
                 'elementHandlers': specialElementHandlers
             });

         doc.output('dataurl');
    }

    </script>