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

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); 
}