為什么在創建JavaScript對象后將其刪除？

Question

我想將DOM對象添加到我的html中，但是添加后將立即刪除它們。 有人可以幫助調試下面顯示的代碼嗎？

 function addVertex () { var iTr = document.createElement('tr'); var jTr = document.createElement('tr'); iTr.id = 'block'; iTr.className = 'block'; jTr.className = 'block_2'; iTr.appendChild(jTr); document.getElementById('vertex_table').appendChild(iTr); } 

 <form> <table> <tbody id="vertex_table"> <tr> <td>Vertex start</td> <td>Vertex end</td> <td>Weight</td> </tr> </tbody> </table> <input type="submit" value="Add Vertex" onclick="addVertex()"/> </form> 

Answer 1

問題在於，當您單擊type="submit"按鈕時，將提交表單。 這會導致頁面重新加載。 我認為在您的情況下，您實際上不需要發送表格。 因此，將按鈕類型更改為button ，它將起作用：

<input type="button" value="Add Vertex" onclick="addVertex()" />