Question

我有以下代码：

<div>
    <textarea id="tinyeditor" name="description_evenement"></textarea>
    <iframe width="584" height="175">
        #document
            <html>
                <head>
                    <link href="custom.css" rel="stylesheet"></link>
                </head>
                <body id="editor" contenteditable="true">
                    Hello world!
                </body>
            </html>
    </iframe>
</div>

我需要做的是用＃34; Hello world！＆＃34;填充textarea。在提交之前使用javascript，我使用了下面的代码，但它不起作用：

<script type="text/javascript">
function replace(){
    var content = document.getElementById('editor').innerHTML;
    document.getElementById("tinyeditor").value = content;
}

</script>

任何帮助将不胜感激

Answer 1

试试这个..

<script type="text/javascript">
function replace(){
    var content = document.body.innerHTML;
    document.getElementById("tinyeditor").value = content;
}

</script>

Answer 2

可能是因为textarea位于父元素中，而body位于iframe中...为iframe提供id（例如myFrame）并尝试：

var content = document.getElementById('myFrame').contentWindow.document.getElementById('editor').innerHTML;

其他一切都会保持不变。

使用javascript填写textarea

2 个答案: