在JavaScript中如何在没有id的HTML表中插入行

我在任何网站上都有一个HTML表：

<table>
<tbody>
    <tr>
        <td>customer</td>
        <td class="ltr" id="e6">2</td>
        <td class="ltr" id="e9">2</td>
    </tr>
</tbody>

我想用我编写的chrome扩展名进行一些计算并返回一个数字，代码如下：

    var tradeActBox = document.createElement('tr');
    var before = document.getElementById('e9');
    tradeActBox.innerHTML =
        '<td>power</td><td>buy</td><td>sell</td>';
    insertAfter(tradeActBox, before);
}

function insertAfter(el, referenceNode) {
    referenceNode.parentNode.insertBefore(el, referenceNode.nextSibling);
}

但问题是之前的tr标签未关闭，并按如下方式收集：

<tr>
<td>customer</td>
<td class="ltr highlight1" id="e6">2</td>
<td class="ltr highlight1" id="e9">2</td>
<tr>
    <td>power</td>
    <td>buy</td>
    <td>sell</td>
</tr>

我想按以下代码制作行：

    <tr>
    <td>customer</td>
    <td class="ltr highlight1" id="e6">2</td>
    <td class="ltr highlight1" id="e9">2</td>
</tr>

<tr>
    <td>power</td>
    <td>buy</td>
    <td>sell</td>
</tr>

---

请尝试insertAfter的以下修改版本：

函数insertAfterel，referenceNode{ referenceNode.parentNode.insertadjacentellement'afterend'，el； } 在这里，我们使用insertAdjacentElement在第一行末尾之后插入新表行，这将在结束标记之后

更多信息可在此处找到：