Hola, tengo una gran duda acerca de los eventos.. si "disparo" un evento de la siguiente forma funciona perfectamente:
(Archivo HTML)
Código:
<html>
<head>
<script type = "text/javascript" src = "archivo.js"></script>
</head>
<body>
<a href="#" id = "elemento" onclick = "foo()">Click!!</a>
</body>
</html>
(Archivo Javascript)
Código:
function foo(){
alert("Hola Mundo");
}
Pero si quiero hacerlo de esta forma:
(Archivo HTML)
Código:
<html>
<head>
<script type = "text/javascript" src = "archivo.js"></script>
</head>
<body>
<a href="#" id = "elemento" >Click!!</a>
</body>
</html>
(Archivo Javascript)
Código:
function foo(){
alert("Hola Mundo");
}
obj = document.getElementById('elemento');
obj.onclick = foo(); (a)
//ó
obj.onclick = foo; (b)
Con el caso "a" consigo que al cargar la página me aparezca el alert, pero luego al hacer click sobre el link ya no.
Con el caso "b" consigo un link que no hace nada.
¿Por qué se dá esta situación? . Ví muchos ejemplos de esta forma que deberían funcionar.. (llámese www.quirksmode.org , etc.).
Desde ya, muchas gracias.