getElementbyId из innerHTML
Неполучается из 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>
|
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>
читать про делегирование. |
| Часовой пояс GMT +3, время: 17:32. |