javascript - 如何将文本从一个div传递到另一个div

Question

我尝试将一些文本从可编辑的 div 传递到不可编辑的 div，onclick。 这是结果:

https://jsfiddle.net/8u5t0t1h/

HTML:

<div id="faketxt" contenteditable>Write Here</div>
<button id='btn'>OK</button>
<div id='casella'></div>

CSS:

#faketxt {
-moz-appearance: textfield-multiline;
-webkit-appearance: textarea;
border: 1px solid gray;
font: medium -moz-fixed;
font: -webkit-small-control;
height: 28px;
overflow: auto;
padding: 2px;
resize: both;
width: 400px;
}

#casella{
width: 150px;
height: 300px;
font-size: 8px;
border-style: solid;
}

JQUERY:

$("body").on("click", "#btn", function(){
    var primo = document.getElementById(faketxt);
var secondo = document.getElementById(casella);
secondo.val(primo).text();
})

我怎样才能以正确的方式做到这一点？我必须传递文本的元素必须严格是 div，但我无法弄清楚。

Answer 1

如果您使用的是 javascript，解决方案是应用 textContent 方法。

textContent 属性设置或返回指定节点及其所有后代的文本内容。

$("body").on("click", "#btn", function(){
    var primo = document.getElementById('faketxt');
    var secondo = document.getElementById('casella');
    secondo.textContent=primo.textContent;
});

这是使用 jquery .text() 函数的解决方案。

$("body").on("click", "#btn", function(){
    var primo = $('#faketxt');
    var secondo = $('#casella');
    secondo.text(primo.text());
});

$("body").on("click", "#btn", function(){
    var primo = document.getElementById('faketxt');
    var secondo = document.getElementById('casella');
    secondo.textContent =primo.textContent;
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="faketxt" contenteditable>Write Here</div>
<button id='btn'>OK</button>
<div id='casella'></div>

working fiddle .