如何動態地在兩個元素之間插入元素？

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