Gibt es eine Möglichkeit, den Text eines Div in einem anderen Div auf Klick zu setzen?

Question

Gibt es eine einfache Möglichkeit, den Text eines Div in einem anderen Div auf Klick zu setzen? Ich habe es vorher mit Eingängen gemacht, aber ich habe .val() verwendet.

<div id="someText"> Hello </div> 
<div id="putHere"> </div> 

Ich bin froh um Hilfe, Danke!

Answer 1

Mit jQuery!

Click-Ereignis auf div

$(document).ready(function(){ 
 
    $("#someText").on("click", function(){ 
 
     $("#putHere").text($(this).text()); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="someText"> Click Me! </div> 
 
<div id="putHere"> </div>

Click-Ereignis auf Button

$(document).ready(function(){ 
 
    $("#btn").on("click", function(){ 
 
     $("#putHere").text($("#someText").text()); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="someText"> Hello World! </div> 
 
<div id="putHere"> </div> 
 
<button id="btn">Click ME !</button>

reine JS

Click-Ereignis auf button

document.getElementById("btn").onclick = function() { 
 
    document.getElementById("putHere").innerHTML = document.getElementById("someText").innerHTML; 
 
};

<div id="someText">Hello World!</div> 
 
<div id="putHere"></div> 
 
<button id="btn">Click ME !</button>

Click-Ereignis auf div

document.getElementById("someText").onclick = function() { 
 
    document.getElementById("putHere").innerHTML = document.getElementById("someText").innerHTML; 
 
};

<div id="someText">Click Me!</div> 
 
<div id="putHere"></div>

Answer 2

Sie suchen .text():

$(document).ready(function() { 
 
$('#click,#div2').on('click',function() { 
 
    $('#div2').text($('#div1').text()); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="div1">Foo</div> 
 
<div id="div2">Bar</div> 
 

 
<button id="click">Click</button>

Answer 3

Dies sollte funktionieren

$('#putHere').text($('#someText').text());

Answer 4

$("button").click(function() { 
 
    $("#putHere").html($("#someText").text()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="someText"> Hello </div> 
 
<div id="putHere"> </div> 
 
<button>Click</button>

Answer 5

Dies ist eine reine Javascript Lösung, wenn Sie daran interessiert sind:

document.getElementById('someText').onclick = function(){ 
 
    document.getElementById('putHere').textContent = document.getElementById('someText').textContent; 
 
};

<div style='background:red' id="someText"> Hello </div> 
 
<div style='background:blue' id="putHere"> </div>

Update: Schaltfläche entfernt, da das OP nicht benötigt. Klicken Sie nun auf das rote div und das blaue div wird ausgefüllt