js遍历table中的数据,并组装成json

如何利用js遍历table中的所有数据,并将其所有的数据拼接成json。

<html>
<script type="text/javascript">
	function fore(){
		var temp = "";
		var tabLen = document.getElementById("tableID");
		var jsonT = "{pieTes:[";
		for(var i = 0; i < tabLen.rows.length;i++){
			for(var j = 0;j<tabLen.rows[i].cells.length;j++){
				//temp +=tabLen.rows[i].cells[j].innerHTML;
				if(i == 0 && j == 0){
					jsonT +="{name:\""+tabLen.rows[i].cells[0].innerHTML+"\",gw:\""+tabLen.rows[i].cells[1].innerHTML+"\"}"
				}else{
					jsonT +=",{name:\""+tabLen.rows[i].cells[0].innerHTML+"\",gw:\""+tabLen.rows[i].cells[1].innerHTML+"\"}"
				}
				
			}
		}
		jsonT += "]}";
		console.log(jsonT);
	}
	
</script>
<body onload="fore()">
<table style="border:1" id="tableID">
	<tr>
		<td>一一</td>
		<td>一二</td>
		<td>一三</td>
		<td>一四</td>
		<td>一五</td>
	</tr>
	<tr>
		<td>二一</td>
		<td>二二</td>
		<td>二三</td>
		<td>二四</td>
		<td>二五</td>
	</tr>
	<tr>
		<td>三一</td>
		<td>三二</td>
		<td>三三</td>
		<td>三四</td>
		<td>三五</td>
	</tr>
	<tr>
		<td>四一</td>
		<td>四二</td>
		<td>四三</td>
		<td>四四</td>
		<td>四五</td>
	</tr>
	<tr>
		<td>五一</td>
		<td>五二</td>
		<td>五三</td>
		<td>五四</td>
		<td>五五</td>
	</tr>
</table>
</body>
</html>



以防备用。

你可能感兴趣的:(JavaScript,html,json)