Hola, estoy tratando de entender Javascript, son mis primeros pasos. Quiero hacer una funcion que pueda remover una foto mostrada en una página, sin recargar la página. La idea es que en realidad se reemplaze por otra, pero bueno empiezo por esto para entender. Probé varias cosas pero no me funciona. Qué es lo que está mal ?
Código HTML:
<html>
<head>
<title>Galeria de Fotos</title>
<script language="Javascript">
function sacarfoto() {
document.getElementById('foto');
var padre = foto.parentNode;
padre.removeChild('foto');
}
</script>
</head>
<body>
<div align="center">
<table>
<tbody>
<tr>
<td onclick="sacarfoto();"><img src="fotos/left.gif"></td>
<td onclick="sacarfoto();"><img src="fotos/right.gif"></td>
</tr>
<tr>
<td><img id="foto" src="fotos/foto06.jpg"></td>
</tr>
</tbody>
</table>
</div>
</body>
</html>