Onclick inside innerHTML

[group99_001]

hello,
what is wrong whis this code?

<div id="Mydiv">anything</div>
<script>
function test(x){alert(x)};
var col=document.getElementById('Mydiv');
col.innerHTML='<div onclick="alert(2);test(123);">Text</div>';
</script>


notes:
1-alert(2); works , but test(123) not working , test(44) is working(outside innerHTML)
2- i want to use parameters inside test() functions i.e: test(123)

[devnull69]

This is working fine in all tested browsers (Firefox, Chrome): http://jsbin.com/awizux/1/edit

So the problem must be somewhere else.

[felgall]

You can't rely on JavaScript added inside of innerHTML always running correctly across all browsers - Internet Explorer in particular has many restrictions on how and where innerHTML can be used. If you want the HTML to be able to be properly accessed from JavaScript you should add it using DOM mcalls instead of innerHTML.

[Old Pedant]

Specifically, something like:

<div id="Mydiv">anything</div>
<script>
function test(x){alert(x)};

var newdiv = document.createElement("div");
newdiv.innerHTML = "Text";
newdiv.onclick = function() { test(123); }

mydiv = document.getElementById('Mydiv');
mydiv.innerHTML = ""; // optional!
mydiv.appendChild( newdiv );
</script>