Question

我正在使用一个表，其中有按钮，按钮点击我希望新的TR元素插入两个TR之间或TR的末尾... 我的代码在这里

<table>
 <tbody>
   <tr>
     <td>
        <input type="submit" value="Add" onclick="addFunction()" />
     </td>
   </tr>
   <tr>
     <td>
        <input type="submit" value="Add" onclick="addFunction()" />
     </td>
   </tr>
   <tr>
     <td>
        <input type="submit" value="Add" onclick="addFunction()" />
     </td>
   </tr>
  </tbody>
 </table>

我想在触发事件的元素旁边插入新的TR元素... 注意：我没有使用任何JavaScript库，只是简单的javascript

Answer 1

<table>
 <tbody>
   <tr>
     <td>
        <input type="submit" value="Add" onclick="addFunction(this)" />
     </td>
   </tr>
   <tr>
     <td>
        <input type="submit" value="Add" onclick="addFunction(this)" />
     </td>
   </tr>
   <tr>
     <td>
        <input type="submit" value="Add" onclick="addFunction(this)" />
     </td>
   </tr>
  </tbody>
 </table>

function addFunction(input)
{
  var newTr = document.createElement("tr");
  var curRow = input.parentNode.parentNode;
  curRow.parentNode.insertBefore(newTr, curRow.nextSibling);
}

如何动态地在两个元素之间插入元素？

1 个答案: