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