Mam tutaj problem z kopiowaniem tekstu wyświetlanego z div (wyświetlacz pochodzi z jquery) do innego div (przy użyciu javascript).

Oto mój kod:

<body onload="copyDiv();">
  <div id="first_div"></div>
  <div id="second_div"></div>
</body>

<script>
   // this function provides text for first_div
 $(document).ready(function() {
  $("#first_div").html('Testing');
 });

   // this function copies the text that comes from first_div to second_div
   function copyDiv() {
      var firstDivContent = document.getElementById('first_div');
      var secondDivContent = document.getElementById('second_div');
      secondDivContent.innerHTML = firstDivContent.innerHTML;
    }
</script>

Oczekiwany wynik jest taki, że jquery dostarczy tekst dla first_div, a funkcja javascript skopiuje tekst z first_div do second_div. Z góry dziękuję

1
Euph 24 marzec 2020, 13:37

2 odpowiedzi

Najlepsza odpowiedź

Oba zadania powinny być załadowane i uporządkowane:

$( document ).ready(function(){
               $("#first_div").html('Testing'); 
               $("#second_div").html($("#first_div").html());
 }) 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<body>
     <div id="first_div"></div>
     <div id="second_div"></div>
</body>
3
Majed Badawi 24 marzec 2020, 10:46

Czysty JavaScript zgodnie z treścią question.

function copyDiv() {
  var firstDivContent = document.getElementById('first_div');
  var secondDivContent = document.getElementById('second_div');
  secondDivContent.innerHTML = firstDivContent.innerHTML;
}
<body onload="copyDiv();">
  <div id="first_div">Testing</div>
  <div id="second_div"></div>
</body>
2
Raeesh Alam 24 marzec 2020, 11:17