Форум

Jamesx · #1 (**permalink**) 08.05.2019, 15:24

Неполучается из 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>

рони · #2 (**permalink**) 08.05.2019, 17:13

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>

читать про делегирование.

Форум

Справочник

Discord чат

Курсы javascript