javascript - 我应该为 <textarea> 使用 .innerHTML 还是 .value？

Question

这是 Does this not work because I can't use a script in a div? 的后续

在我离开的地方，我有这段代码:
按钮脚本:

<script>
    var correctProperty = "value";
    function run(){
        document.getElementsByTagName("head")["0"].innerHTML += eval(document.getElementById("editorHead")[correctProperty]);
        document.getElementById("result").innerHTML = eval(document.getElementById("editorBody")[correctProperty]);
    }
</script>

文本区域(没有 class 和 style 属性以及在非 div 文本之间):

<textarea id="editorHead" rows="20"></textarea>
<textarea id="editorBody" rows="20"></textarea>
<div id="result"></div>

目前这不起作用，我之前的一个答案(已接受的答案)说 correctProperty 应该设置为 "innerHTML"。那么应该吗？或者问题是对 window 的干扰(像以前一样)？或者，...我应该把它放在一个表单中，然后使用 "value" 吗？

Answer 1

Javascript innerHTML 会更新 textarea 中的文本，但不会在浏览器窗口中显示您所做的更改；如果你第二次使用它。例如，如果您有一些按钮可以更新文本区域中的文本；这个按钮第一次会插入文本，但第二次会插入文本，虽然它会在 textarea 中插入文本(可以通过 firebug 或 chrome 开发人员工具证明)，但这不会显示在浏览器窗口中。相反，如果你使用值，这将显示在浏览器中(我已经在 chrome 和 firefox 中测试过)。

所以我认为你应该使用.value