Javascript 如何动态获取表格行并创建Excel工作表

我有以下脚本，它获取第一行（

TH

），并将其动态添加到表中，然后将其导出到Excel工作表中。出于某种原因，它不断地添加并堆叠在下一个表行的顶部

以下是脚本：

var decode_entities = (function () {
    // Remove HTML Entities
    var element = document.createElement('div');

    function decode_HTML_entities(str) {

        if (str && typeof str === 'string') {

            // Escape HTML before decoding for HTML Entities
            str = escape(str).replace(/%26/g, '&').replace(/%23/g, '#').replace(/%3B/g, ';');

            element.innerHTML = str;
            if (element.innerText) {
                str = element.innerText;
                element.innerText = '';
            } else {
                // Firefox support
                str = element.textContent;
                element.textContent = '';
            }
        }
        return unescape(str);
    }
    return decode_HTML_entities;
})();

function fnExcelReport() {
    var tab_text = "<table border='0'><tr bgcolor='#FFFFFF' class='mainTR'>";
    var textRange;
    var j, p = "", q = "";
    var tab = document.getElementById('BookingResults'); // id of table


    for (j = 0 ; j < tab.rows.length ; j++) {
        for (var y = 0; y < tab.rows[j].cells.length; y++) {
            if (y == tab.rows[j].cells.length - 1) {
                if (j == 0) {
                    q = q + "<TH scope=col class='headerLast vTop'>";
                }
                else {
                    q = q + "<TD class='bodyLast vTop'>";
                }
                q = q + decode_entities(tab.rows[j].cells[y].innerHTML);
                //alert("LAST COL INNER HTML: " + decode_entities(tab.rows[j].cells[y].innerHTML));
                if (j == 0) {
                    q = q + "</TH>";
                }
                else {
                    q = q + "</TD>";
                }
            }
            else {
                if (j == 0) {
                    q = q + "<TH scope=col class='headerNotLast vTop'>";
                }
                else {
                    q = q + "<TD class='bodyNotLast vTop'>";
                }
                q = q + tab.rows[j].cells[y].innerHTML;
                if (j == 0) {
                    q = q + "</TH>";
                }
                else {
                    q = q + "</TD>";
                }
                p = p + tab.rows[j].cells[y].innerHTML;
                //alert("NOT LAST COL INNERHTML: " + p);
            }
        }
        //alert(q);
        //q = "";
        //alert(tab.rows[j].innerHTML);
        //tab_text = tab_text + tab.rows[j].innerHTML + "</tr><tr bgcolor='#FFFFFF' class='mainTR'>";
        tab_text = tab_text + q + "</tr><tr bgcolor='#FFFFFF' class='mainTR'>";
        alert(tab_text);
    }

    tab_text = tab_text + "</table>";
    tab_text = tab_text.replace(/<A[^>]*>|<\/A>/g, "");//remove if u want links in your table
    tab_text = tab_text.replace(/<img[^>]*>/gi, ""); // remove if u want images in your table
    tab_text = tab_text.replace(/<input[^>]*>|<\/input>/gi, ""); // reomves input params

    var ua = window.navigator.userAgent;
    var msie = ua.indexOf("MSIE ");

    if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./))      // If Internet Explorer
    {
        txtArea1.document.open("txt/html", "replace");
        txtArea1.document.write(tab_text);
        txtArea1.document.close();
        txtArea1.focus();
        sa = txtArea1.document.execCommand("SaveAs", true, "SpecificGuidelines.xls");
    }
    else {                //other browser not tested on IE 11
        sa = window.open('data:application/vnd.ms-excel,' + encodeURIComponent(tab_text));
    }

    return (sa);
}

目前正在发生的事情：

<table>
    <tr>
        <th></th>
    </tr>
    <tr>
        <th></th> //brought from the first entry
        <td></td>
    </tr>
    <tr>
        <th></th> //brought from the first entry
        <td></td> //brought from the second entry
        <td></td>
    </tr>
    ...
</table>

//从第一个入口带过来的
//从第一个入口带过来的
//从第二个入口带来的
...

您需要将

移动到循环中，为循环的每次迭代打开一行，然后在循环结束时（但在循环内）关闭

打开标记位于rows循环之外，关闭标记位于循环之后，因此只创建一行

var tab_text = "<table border='0'>";
for (j = 0 ; j < tab.rows.length ; j++) {
    tab_text+='<tr>'
        /* loop over cells here */

    tab_text+='</tr>';

}

var选项卡_text=”“；
对于（j=0；j

你能给我看看。。。我刚刚做了一个测试，看起来它一直在右边添加列。然而，我认为你可能是对的。但我在顶部打开它：

var tab_text=“”然后在for查找中，我迭代TH/TD，然后在外部for循环中有这一行：
tab_text=tab_text+q+“”因此，在我们遍历整行，然后开始一个新行后，我将关闭。请参阅简化示例变量
q
将转到何处？在每个循环中
q
应以新的
var
开始，但只需继续执行
tabtext+=
var tab_text = "<table border='0'>";
for (j = 0 ; j < tab.rows.length ; j++) {
    tab_text+='<tr>'
        /* loop over cells here */

    tab_text+='</tr>';

}