Question

我想将内容从<textarea>移到<div>，我真的不知道如何做。

这是我的代码：

<div id=one>
   <textarea id="mssg" rows="5" cols="40" >
       Hey, I am cooking. what are you doing?
   </textarea>
   <br>
</div>
<input type="button" value="swap" onclick="swap()">
<a href="solution.html" >Sign out</a>
<div id="two" >
    <div>Sent messages appear here:</div>
</div>
<script type="text/javascript">
    function swap()
    {
        var one = document.getElementById("one").innerHTML;
        two.innerHTML = "<div>"+one+"</div>";
    }
</script>

Here's an example

Answer 1

<script type="text/javascript">
     function swap() {
         var one = document.getElementById("one");
         var one_inner = one.innerHtml;
         var two = document.getElementById("two");

         one.innerHtml = two.innerHtml;
         two.innerHtml = one_inner;

     }
</script>

真的，这是一种奇怪的行为。无论如何，你是在交换内容，而不是元素。

我希望它有所帮助。

Answer 2

function swap()
{
    var one = document.getElementById("one").innerHTML;

    var two = document.getElementById("two");
    var twohtml = document.getElementById("two").innerHTML
    document.getElementById('one').remove();
    two.innerHTML =   "<div>"+twohtml+"</div>" + "<div>"+one+"</div>" ;

}

如何使用javascript将内容从textarea移动到div

2 个答案: