Jak ustawić atrybut OnClick z wartością zawierającą funkcję w ie8?

Question

Moim celem jest zmiana atrybutu "onclick" linku. Mogę to zrobić z powodzeniem, ale wynikowy link nie działa w ie8. Działa w trybie ff3.

Na przykład działa to w firefox3, ale nie ie8. Czemu???

<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

nie trzeba używać do tego setAttribute - Ten kod działa (IE8 również)

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

Answer 2

najlepiej jest użyć javascript ramy jak jQuery lub prototyp, ale w przeciwnym razie, należy użyć:

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

edit:

również czynność jest trochę poza. powinno być

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

Answer 3

Można również ustawić onclick nazwać swoją funkcję tak:

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

W ten sposób można również przekazywać argumenty. .....

Answer 4

Można również użyć:

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