[dimidrol]

<table><tbody>
<tr> <td id="a"></td><td id="b"></td><td id="c"></td> </tr>
<tr> <td id="d"></td><td id="e"></td><td id="f"></td> </tr>
<tr> <td id="g"></td><td id="h"></td><td id="i"></td> </tr>
</tbody></table>


<script>
		var O=new Image()
		O.src ="zero.png";
		var X=new Image()
		X.src ="dagger.png"; 
	function ticTacToe(){
		var cells = document.getElementsByTagName("td");
		var last = O;
		for (var i =0; i <= 8; i++){
			var cell = cells[i];
			cell.onclick = function (){
					if (this.innerHTML==""){
						if (last==X){
							this.appendChild(O.cloneNode(false));
						}
						else{
							this.appendChild(X.cloneNode(false));
						}
						last=last==X ? O : X;
					}
					else {
						alert ("клетка заполнена");
					}
			};
		}
	}
	ticTacToe()	
</script>

Но я не понимаю что мне использовать вместо метода O.cloneNode(false), у меня же всего два рисунка, innerHTML удаляет прошлый!