帶有標簽的div中的javascript movecontent

Question

我有一個contenteditable div，其中包含文本和一些html代碼。 我想將內容（文本和代碼）從該div移動到textarea。 我有movecontent javascript，但它只移動文本。有人可以幫助我嗎？

<html>
    <head>
<script type="text/javascript">
    function MoveContent () {
        var srcObj = document.getElementById ("src");
        var destObj = document.getElementById ("dest");

        if (document.createRange) {     // all browsers, except IE before version 9
            var rangeObj = document.createRange ();
            rangeObj.selectNodeContents (srcObj);
            var documentFragment = rangeObj.extractContents ();
            destObj.appendChild (documentFragment);
        }
    }
</script>
          </head>
     <body>
     <div id="src" style="background-color:#e0a0b0; width:300px; height:50px;">The <br>    <b>contents</b> of the <i>source</i> element.</div>
   <textarea id="dest" style="width: 500px; height:100px;"></textarea>
<br /><br />
<button onclick="MoveContent ();">Move the contents!</button>
</body>

Answer 1

您似乎在尋找那個：

destObj.value = documentFragment.innerHTML;

通常，您不將內容附加到<textarea> ，因為它們可能僅包含CDATA。 只需使用.value屬性，就像<input>元素一樣。 另外，我不確定您究竟需要什么documentRange ， srcObj.innerHTML也不會做到嗎？

jsfiddle.net上的演示

帶有標簽的div中的javascript movecontent

問題描述

1 個解決方案

解決方案1
0 已采納 2012-12-18 21:27:53

帶有標簽的div中的javascript movecontent

問題描述

1 個解決方案

解決方案1 0 已采納 2012-12-18 21:27:53

解決方案1
0 已采納 2012-12-18 21:27:53