我的目标是更改链接的onclick
属性。我可以成功完成,但结果链接在ie8中不起作用。它在ff3中有效。
例如,这适用于Firefox 3,但不适用于IE8。为什么呢?
<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>
答案 0 :(得分:61)
您不需要使用setAttribute - 此代码可以工作(IE8也是)
<div id="something" >Hello</div>
<script type="text/javascript" >
(function() {
document.getElementById("something").onclick = function() {
alert('hello');
};
})();
</script>
答案 1 :(得分:9)
你最好的选择是使用像jquery或prototype这样的javascript框架,但是,如果失败了,你应该使用:
if (foo.addEventListener)
foo.addEventListener('click',doit,false); //everything else
else if (foo.attachEvent)
foo.attachEvent('onclick',doit); //IE only
编辑:
另外,你的功能有点偏差。它应该是
var doit = function(){
alert('hello world!');
}
答案 2 :(得分:7)
你也可以设置onclick来调用你的函数:
foo.onclick = function() { callYourJSFunction(arg1, arg2); };
这样,您也可以传递参数。 .....
答案 3 :(得分:1)
您也可以使用:
element.addEventListener("click", function(){
// call execute function here...
}, false);