javascript - テキストエリアのコンテンツ時にJavascriptがiframeを編集する

Question

<script type="text/javascript">
function change() {
document.getElementById('target').getElementsByTagName('html').getElementsByTagName('body').innerHTML = document.getElementById('src').value;
}
</script>

<textarea id="src" onchange="change();"></textarea><br/>
<iframe id="target"></iframe>

これは私のコードであり、なぜ機能しないのかわかりません。jQueryはありません。iframe の代わりに frame を試しましたが、どちらも機能しませんでした。

Answer 1

<script>
// Tested on Chrome 24 onchange is if you use backspace etc. use keyup for text
// It replaces \n with <br/> if you don't want that wrap the content in a <pre> tag
    document.getElementById("src").onchange=document.getElementById("src").onkeyup=function(){
        document.getElementById('target').contentDocument.getElementsByTagName('body')[0].innerHTML = this.value.replace('\n','<br/>');
    }
</script>