<!DOCTYPE html>
<html>
<head>
</head>
<script>
function removeP2() {
var parent = document.getElementById("section");
var child = document.getElementById("p2");
parent.removeChild(child);
}
</script>
<body>
<nav>
<form>
<button onclick="removeP2();">Remove</button>
</form>
</nav>
<section id="section">
<p id="p1">Paragraph One.</p>
<p id="p2">Paragraph Two.</p>
</section>
</body>
</html>
当我单击提交按钮时,该函数照常执行,但在函数执行后,页面重新加载(删除P2一秒钟).
我找到了一个解决方案,即删除"nav"标签内的"Form",它工作正常.只是想问一下问题是什么原因,如果我需要在"nav"标签内加上"Form"标签,我需要修复哪一部分？