Question

我想将DOM对象添加到我的html中，但添加后会立即将其删除。有人可以帮忙调试下面提供的代码吗？

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 1

问题是，当您单击带有type="submit"的按钮时，表单会被提交。这会导致页面重新加载。我认为在你的情况下，你实际上并不需要发送表格。因此，将按钮类型更改为button，它将起作用：

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

为什么在创建JavaScript对象后它们被删除？

1 个答案: