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, время: 11:30. |