Неполучается из innerHTML дива id="tri" получить элемент
Хелп
<!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>