Уважаемые мастера, подскажите пожалуйста:
<html>
<head>
<title>Knopki</title>
<script language="JavaScript">
var img = new Array('off.png','on.png');
var kn = new Array('km1','km2','km3');
var start=0;
function gmi(id,zn) {
if (start==0){
start=1;
document.getElementById('q').innerHTML='<img id="km1" src="off.png" onclick="gmi(this.id,0)">';
document.getElementById('a').innerHTML='<img id="km2" src="off.png" onclick="gmi(this.id,1)">';
document.getElementById('z').innerHTML='<img id="km3" src="off.png" onclick="gmi(this.id,2)">';
}else{
//Всё прекрасно работает, каждая кнопка индивидуально переключается
kn[zn]=(kn[zn]==1)?0:1;
console.log(kn[zn]);
document.getElementById(id).src=img[kn[zn]];
//Всё прекрасно работает, каждая кнопка индивидуально переключается
//Но если делаю так
//var iu = id;
//iu=(iu==1)?0:1;
//console.log(iu);
//document.getElementById(id).src=img[iu];
//То значение iu меняется на 1, а на 0 не меняется
//Почему?
}
}
</script>
</head>
<body onload="gmi()">
<p><span id="q"></span></p>
<p><span id="a"></span></p>
<p><span id="z"></span></p>
</body>
</html>