Jamesx,
нельзя назначить клик на то чего нет!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Название документа</title>
<style>
#one, #two {margin:20px;
background-color: #99c2ff;
height: 150px;
width: 150px;
}
</style>
</head>
<body>
<div id="demo"></div>
<div id="one"></div>
<div id="two"></div>
<script>
var div = document.getElementById("one");
div.addEventListener("click", foo, false);
function foo() {
document.getElementById("demo").innerHTML = "111111111";
}
var div2 = document.getElementById("two");
div2.addEventListener("click", foo2, false);
function foo2() {
document.getElementById("demo").innerHTML = '<div id="tri">22222222</div>';
var div3 = document.getElementById("tri");
div3.addEventListener("click", foo3, false);
}
function foo3() {
document.getElementById("one").innerHTML = "33333333333";
}
;
</script>
</body>
</html>
читать про
делегирование.