在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