Копировать текст, отображаемый из div в другой div - PullRequest
Новая
       1

Копировать текст, отображаемый из div в другой div

1 голос
/ 24 марта 2020

У меня возникла проблема с копированием текста, который отображается из div (отображение происходит из jquery), в другой div (используя javascript).

Вот мой код: 

<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>

Мой ожидаемый результат: jquery предоставит текст для first_div, а функция javascript скопирует текст из first_div в вторая_див. Заранее спасибо

Ответы [ 2 ]

3 голосов
/ 24 марта 2020

Обе задачи должны быть загружены и в порядке: 

$( 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>
2 голосов
/ 24 марта 2020

Чистым JavaScript согласно вашему 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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...