el problema lo tienes en el href, el href tiene que ser una direccion o un # si no quieres que vaya a ningun lado, y añadirle un onclick:
Código HTML:
<td><a href="#" onclick="delConsejoElement(this); return false;"><img src='../../img/anular.png' border='0'></a></td>
le damos un return false para que no vaya al href, de todas formas como los creas dinamicamente:
Código javascript
:
Ver originala[i].href='#';
a[i].onclick=function(){delConsejoElement(this); return false;};
Ejemplo completo:
Código HTML:
<html>
<head>
<script type="text/javascript" src="main.js">
</script>
</head>
<body>
<table>
<tr>
<td><input name="nombre_consejo[]" type="text" id="nombre_consejo" size="20" maxlength="20" value=""/> </td>
<td><input name="empresa_consejo][" type="text" id="empresa_consejo" size="20" maxlength="20" value=""/> </td>
<td><input name="cargo_consejo[]" type="text" id="cargo_consejo" size="12" maxlength="20" value=""/> </td>
<td><a href=""><img src="../../img/anular.png" border="0"></a></td>
<tr>
<td><input name="nombre_consejo[]" type="text" id="nombre_consejo" size="20" maxlength="20" value=""/> </td>
<td><input name="empresa_consejo][" type="text" id="empresa_consejo" size="20" maxlength="20" value=""/> </td>
<td><input name="cargo_consejo[]" type="text" id="cargo_consejo" size="12" maxlength="20" value=""/> </td>
<td><a href=""><img src="../../img/anular.png" border="0"></a></td>
</tr>
</table>
<script type="text/javascript">
addEvent();
</script>
</body>
</html>
main.js
Código javascript
:
Ver originalfunction delConsejoElement(t)
{
var td = t.parentNode;
var tr = td.parentNode;
var table = tr.parentNode;
table.removeChild(tr);
}
function addEvent()
{
var a = document.getElementsByTagName('a');
for(var i=0;i<a.length;i++)
{
a[i].href='#';
a[i].onclick=function(){delConsejoElement(this); return false;};
}
}
Edito: Los atributos siempre en minusculas y con comillas dobles.