试图用responseText替换行的innerhtml

时间:2016-04-09 18:38:04

标签: javascript html ajax

我的HTML正文中有以下表格:

<table>
    <tr id="0">
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr id="1">
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

我的httpRequest.responseText返回以下内容:

<td class="c1">c<td>
<td class="c1">a<td>
<td class="c1">t<td>

我想要替换id =&#34; 1&#34;使用http.responseText的结果,所以我尝试执行以下操作:

var curr_row = document.getElementById("1");
curr_row.innerHTML = httpRequest.responseText;

然而,这导致:

<table>
    <tr id="0">
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr id="1">
        <td class="c1">h</td>
        <td></td>
        <td class="c1">e</td>
        <td></td>
        <td class="c1">l</td>
        <td></td>
    </tr>
</table>

上面返回一行,其中包含原始空单元格以及我想要的新单元格。为什么会这样?我希望httpRequest.responseText单元格完全替换原始单元格。

1 个答案:

答案 0 :(得分:1)

可能是因为您的responsetext没有结束标记

更改

<td class="c1">c<td>
<td class="c1">a<td>
<td class="c1">t<td>

<td class="c1">c</td>
<td class="c1">a</td>
<td class="c1">t</td>

从后端到达后端!