Como remover um elemento HTML usando Javascript?
Eu sou um novato total. Alguém pode me dizer como remover um elemento HTML usando o Javascript original, não o jQuery.
index.html
<html>
<head>
<script type="text/javascript" src="myscripts.js" > </script>
<style>
#dummy {
min-width: 200px;
min-height: 200px;
max-width: 200px;
max-height: 200px;
background-color: #fff000;
}
</style>
</head>
<body>
<div id="dummy"></div>
<form>
<input type="submit" value="Remove DUMMY" onclick="removeDummy(); "/>
</form>
</body>
myscripts.js
function removeDummy() {
var elem = document.getElementById('dummy');
elem.parentNode.removeChild(elem);
}
O que acontece quando clico no botão Enviar, desaparece por um período muito curto e volta a aparecer imediatamente. Quero remover completamente o elemento quando clicar no botão.