使用Javascript访问dynamic创build的HTML表格
我有一个页面,正在使用Javascript来输出数据到一个HMTL表,使用下面的JavaScript方法正常工作:
document.getElementById("statsoutput").appendChild(table1);
不过,我现在正在添加一个button来将表格下载到excel文件中,如果用户愿意的话。 然而,我不能开始,因为当我尝试访问生成的表,它似乎是空的,即使我可以看到表已被填充。
例如,当我按下button时,表格的长度似乎为零
var tablesize = document.getElementById("statsoutput").rows.length;
这给我零结果。
如果我尝试
var table = document.getElementById("statsoutput");
这返回[object HTMLTableElement]
但我卡住了,因为我似乎无法访问任何从我按下我的button,因为它是写入到Excel文件的过程中生成的HTML表格。
任何指针将不胜感激。
抱歉HTML代码是
<button onclick="saveFile()">Excel</button> <div class="tab" id = "Tabs" style="display:none"> <button class="tablinks" onclick="openTable(event, 'Stats')" id = "defaultOpen">Stats</button> <button class="tablinks" onclick="openTable(event, 'Hands')">Hands</button> </div> <div id="Stats" class="tabcontent" > <table id="statsoutput"> </table> </div> <div id="Hands" class="tabcontent" > <div id="output"> </div> </div>