Ajax Javascript 遍历table时报错
写了个html,用ajax请求到一个html,返回responseText。
tableFromHTML 是经过整理的table代码。如下:
<table class="report">
<tr>
<th align="left" width="200"><small>Project</small></th>
<th nowrap="nowrap"><small>January</small></th>
<th nowrap="nowrap"><small>February</small></th>
<th align="right"> Total</th>
</tr>
<tr>
<td width="200" >the first project<td>
<td align="right" >32.00</td><td align="right" >0</td>
<td align="right" ><em> 32.00</em> </td>
</tr>
<tr>
<td width="200" >the second project</td>
<td align="right" >88.00</td>
<td align="right" >16.00</td>
<td align="right" ><em> 104.00</em> </td>
</tr>
<tr>
<td align="right"><em>Total Hours</em></td>
<td align="right"><strong>120.00</strong></td>
<td align="right"><strong>16.00</strong></td>
<td align="right"><strong>136.00</strong></td>
</tr>
</table>
上面的代码是经过整理后的需要用到的table,格式是text。
现在需要遍历这个table。如下js代码:
js:
var oMain = document.getElementById("main");
var tempDiv = document.createElement("div");
tempDiv.innerHTML = tableFromHTML;
var tempTable = tempDiv.getElementsByTagName("table");
var tr = tempTable.childNodes.item(0);
//遍历table。。。
html:
<div id="main"></div>
但是第一次运行总是报错:就是这行代码:var tr = tempTable.childNodes.item(0);
'childNodes' is null or ...
第二次运行就没问题了。
请问这是怎么回事?动态遍历请求到的html text里的table还有什么好办法没?