发生的事情是表单正在提交，因此页面正在刷新（使用其原始内容）。您正在处理click提交按钮上的事件。
如果要删除元素而不提交表单，请submit改为处理表单上的事件，然后false从处理程序返回：
HTML：
<form onsubmit="return removeDummy(); ">
<input type="submit" value="Remove DUMMY"/>
</form>
JavaScript：
function removeDummy() {
var elem = document.getElementById('dummy');
elem.parentNode.removeChild(elem);
return false;
}
但是你根本不需要（或想要）一个表单，如果它的唯一目的是删除虚拟 div 则不需要。反而：
HTML：
<input type="button" value="Remove DUMMY" onclick="removeDummy()" />
JavaScript：
function removeDummy() {
var elem = document.getElementById('dummy');
elem.parentNode.removeChild(elem);
return false;
}
然而，这种设置事件处理程序的风格已经过时了。你似乎有很好的直觉，因为你的 JavaScript 代码在它自己的文件中等等。下一步是更进一步，避免使用onXYZ属性来连接事件处理程序。相反，在您的 JavaScript 中，您可以使用更新的（大约 2000 年）方式将它们连接起来：
HTML：
<input id='btnRemoveDummy' type="button" value="Remove DUMMY"/>
JavaScript：
function removeDummy() {
var elem = document.getElementById('dummy');
elem.parentNode.removeChild(elem);
return false;
}
function pageInit() {
// Hook up the "remove dummy" button
var btn = document.getElementById('btnRemoveDummy');
if (btn.addEventListener) {
// DOM2 standard
btn.addEventListener('click', removeDummy, false);
}
else if (btn.attachEvent) {
// IE (IE9 finally supports the above, though)
btn.attachEvent('onclick', removeDummy);
}
else {
// Really old or non-standard browser, try DOM0
btn.onclick = removeDummy;
}
}
...然后pageInit();从script页面末尾的标签body（就在结束</body>标签之前）或从window load事件内部调用，尽管这发生在页面加载周期的后期，因此通常不适合连接事件处理程序（例如，它在所有图像最终加载后发生）。
请注意，我不得不进行一些处理来处理浏览器差异。您可能需要一个用于连接事件的函数，这样您就不必每次都重复该逻辑。或者考虑使用像jQuery、Prototype、YUI、Closure或其他几个库这样的库来为您消除这些浏览器差异。这是非常重要的了解底层的东西怎么回事，两者在JavaScript的基本面和DOM基本面方面，但库处理很多不一致的，同时还提供了很多方便的工具-像挂钩事件处理程序的手段涉及浏览器差异。它们中的大多数还提供了一种设置函数的方法（例如pageInit) 在 DOM 准备好被操纵时立即运行，早在window load触发之前。