正在尝试用responseText替换行的innerhtml

Trying to replace innerhtml of row with responseText

本文关键字:替换 换行 innerhtml responseText      更新时间:2024-04-08

我的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>

我想用http.responseText中的结果替换id="1"的行,因此我尝试执行以下操作:

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单元格完全替换原始单元格。

这可能是因为您的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>

从您在后端获得它的位置!