在IT公司的项目中，各种日了狗的需求都有。这次被要求做前端，然后需要把一个table的html字符串转成html dom对象解析，存放数据库。然，把步骤记录下来。

        function createTableDom(divId,trStr){
            var div = document.getElementById(divId);
            var table = document.createElement("table");//创建table
            table.setAttribute("id","table_data");
            table.innerHTML = trStr;
            div.appendChild(table);
        }

以上函数是在一个div里面创建一个table的dom对象。然后把内容赋值为trStr，这里需要注意，是tr内容，不能包含table,tbody，如:

<tr> <td>q</td> <td>w</td> <td>e</td> <td>r</td> <td>t</td> <td>y</td> <td>u</td> <td>i</td> <td>o</td> </tr>

转成dom之后就可以做for循环了。

function GetInfoFromTable(tableid) {
    var tableInfo = "";
    var tableObj = document.getElementById(tableid);
    for (var i = 0; i < tableObj.rows.length; i++) {    //遍历Table的所有Row
        for (var j = 0; j < tableObj.rows[i].cells.length; j++) {   //遍历Row中的每一列
            tableInfo += tableObj.rows[i].cells[j].innerText;   //获取Table中单元格的内容
            tableInfo += "   ";
        }
        tableInfo += "\n";
    }
    return tableInfo;
}

这个for就是先行再列的顺序，代码很简单。

本文链接:https://it72.com/9903.htm