Cómo establecer el atributo OnClick con el valor que contiene la función en ie8?

Question

Mi objetivo es cambiar el atributo "onclick" de un enlace. Puedo hacerlo con éxito, pero el enlace resultante no funciona en ie8. Funciona en ff3.

Por ejemplo, esto funciona en firefox3, pero no en ie8. ¿¿¿Por qué???

<p><a id="bar" href="#" onclick="temp()">click me</a></p> 

    <script> 

    doit = function(){ 
     alert('hello world!'); 
    } 
    foo = document.getElementById("bar"); 
    foo.setAttribute("onclick","javascript:doit();"); 

    </script> 

Answer 1

No es necesario utilizar setAttribute para eso - Este código funciona (IE8 también)

<div id="something" >Hello</div> 
<script type="text/javascript" > 
    (function() { 
     document.getElementById("something").onclick = function() { 
      alert('hello'); 
     }; 
    })(); 
</script> 

Answer 2

la mejor opción es utilizar un marco de JavaScript como jQuery o prototipo, pero, en su defecto, se debe utilizar:

if (foo.addEventListener) 
    foo.addEventListener('click',doit,false); //everything else  
else if (foo.attachEvent) 
    foo.attachEvent('onclick',doit); //IE only 

edición:

también, su función es un poco apagado. debe ser

var doit = function(){ 
    alert('hello world!'); 
} 

Answer 3

También podría establecer onclick para llamar a su función como esta:

foo.onclick = function() { callYourJSFunction(arg1, arg2); }; 

De esta manera, puede pasar argumentos también. .....

Answer 4

También puede utilizar:

element.addEventListener("click", function(){ 
    // call execute function here... 
}, false);